canActivate и NGXS селектор

Question

У меня есть селектор NGXS в SomeService

@Select(state => state.sample)
public sample$: Observable<Sample>;

Я использую его внутри Angular RouteGuard, как это

getSample(): boolean {
    this.someService.sample$.subscribe({
      next: (sample: Sample) => {
        if (isValid(sample)) {
          return true;
        } else {
          return false;
        }
      },
      error: () => {
        return false;
      }
    });
  }

  canActivate(): boolean {
    return this.getSample();
  }

Я получаю ошибку 'Функция, объявленный тип не является ни 'void', ни 'any', которое должно возвращать значение '. Я знаю причину, потому что она не вернула ничего за пределами подписки, но я хочу вернуться только после выполнения подписки.

Answer 1

Вы должны сделать что-то вроде этого:

// You cannot return the value the way you were trying to do. 
// The following snippet shows the right way to do it.
// Notice we're returning an observable instead of a boolean.
// And we are making sure that the observable completes after
// the first emission, by using the `take(1)` operator
getSample(): Observable<boolean> {
  return this.someService.sample$.pipe(
    // Convert the sample to true or false according to isValid
    map((sample: Sample) => isValid(sample)),
    // The observable must complete for canActivate get into action
    take(1)
  }
}

// Can activate can return an Observable<boolean> as long
// as it completes.
canActivate(): Observable<boolean> {
  return this.getSample();
}