如何從ngrx-store獲取對象

Question

如何從ngrx-store獲取對象？

我正在努力做到這一點

<div class="container">
      <h1>
          {{category$.name}}
      </h1>
</div>

零件

export class CatalogViewController {
private routeSubscription: Subscription;
private uri: string;

category$: Observable<any>;

constructor(
    private store: Store<fromRoot.State>,
    private route: ActivatedRoute,
    private router: Router,
    private titleService: Title
) {
    this.routeSubscription = route.params.subscribe(params=>this.uri = params['uri']);
    this.store.dispatch(new catalogActions.LoadCategory({"uri": this.uri}));

    this.category$ = store.select(fromRoot.getCategory);
   }
}

存儲中的數據可用

商店

catalog: {
    category: {
      name: 'Phones',
      uri: 'phones',
      __typename: 'Category'
    }
}

一個簡單的情況，但是我不明白我在做什么錯：D

Answer 1

做就是了

<div class="container">
      <h1>
          {{(category$ | async)?.name}}
      </h1>
</div>