user-ngxs-data.example.ts

interface UserModel {
  id: number | null;
  username: string | null;
  age: number | null;
}

@StateRepository()
@State<UserModel>({
  name: 'userInfo',
  defaults: {
    id: null,
    username: null,
    age: null
  }
})
@Injectable()
export class UserInfoState extends NgxsDataRepository<UserModel> {
}

@Component()
export class UserComponent {
  constructor(private userInfo: UserInfoState, private userApi: UserService) {
  }
  
  public ngOnInit(): void {
    this.userApi.load().subscribe((user: UserModel) => this.userInfo.setState(user));
  }
  
  public ngOnDestroy() {
    this.userInfo.reset();
  }
}