Function spreadObjectStore$

Returns an observable that emits an array of store objects, one for each element in source's state. The resulting arrays will have references to the exact store objects included in the previous emission when possible, making them performant to use in *ngFor expressions without the need to use trackBy.

interface HeroMap {
  [name: string]: Hero;
}

@Component({
  template: `
    <hero
      *ngFor="let heroStore of heroStores$ | async"
      [heroStore]="heroStore"
    ></hero>
  `,
})
class HeroListComponent {
  heroStores$: Observable<Array<Store<Hero>>>;
  @Input() private heroesStore: Store<HeroMap>;

  ngOnChanges() {
    this.heroStores$ = spreadObjectStore(this.heroesStore);
  }
}
Copy