使用@ngrx/store时,这是访问类内状态变量的正确方法吗?

我有一个服务需要根据存储在 AppState 。这是一个 大大地 我的服务的简化版本:

import { Injectable } from '@angular/core';
import { Store, select } from '@ngrx/store';

interface AppState {
  foo: boolean;
}

@Injectable()
export class FooProvider {

  private isFoo: boolean;

  constructor(private store: Store<AppState>) {
    // is it foo?
    store.pipe(select('foo')).subscribe((foo: boolean) => {
      this.isFoo = foo;
    });
  }

  isItFoo = (): string => this.isFoo ? "it's foo!" : 'nope, not foo';
}

问:这是访问和使用存储在 AppState公司 在类内 在应用程序中使用 @ngrx/store ?

在a中 Component 我想我可以用 foo 变量更简单地使用 async 管道,如:

import { Component } from '@angular/core';
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';

interface AppState {
  foo: boolean;
}

@Component(
  selector: 'foo-component',
  template: `<p>{{ ( foo$ | async ) ? "it's foo!" : "nope, not foo" }}</p>`
)
export class FooComponent {

  private foo$: Observable<boolean>;

  constructor(private store: Store<AppState>) {
    this.foo$ = store.pipe(select('foo'));
  }
}

是否有更好/更容易/更正确的方法来访问类中的状态变量?