问使用http服务从操作(NGXS)返回值

EN

export class DeleteAction {
  static readonly type = '[Test] Delete';
  constructor(public id: number) { }
}

@State<TestStateModel>({
  name: 'test',
  defaults: {
    result: null
  }
})
export class TestState {

  constructor(
    private testService: TestService) {
  }

  @Selector()
  static getResult(state: TestStateModel): NotificationResult {
    return state.result;
  }

  @Action(DeleteAction)
  public delete({ patchState }: StateContext<TestStateModel>, { id }: DeleteAction) {
    return this.testService
      .delete(id)
      .pipe(
        take(1),
        tap(result => {
          patchState({ result });
        })
      );
  }

@Component({
  templateUrl: './test.component.html'
})
export class TestComponent {

    @Select(SubjectState.getResult) result$;

    private delete(id: number): void {
    this.isLoading = true;
    this.store.dispatch(new DeleteAction(id))
      .pipe(withLatestFrom(this.result$))
      .subscribe(([_, r]) => {
        const result = r as NotificationResult;
        if (result.isValid) {
          // ...
        } else {
          // ...
        }
        this.isLoading = false;
      });
  }
}

export interface NotificationResult {
  isValid: boolean;
  messages: NotificationMessage[];
}