NGRX实体：如何在模板中使用它？

Question

我遵循了有关如何使用NGRX实体实现NGRX商店的教程。

一切似乎都起作用（据我所知，使用Dev-Tools-Extension）。但是，我不知道我应该/可以迭代模板中的结果。

模板：

<h3>MOVIES</h3>

  <ng-container *ngIf="movies$">
      <table>
        <tbody>
        <tr *ngFor="let movie of (movies$ | async); let i = index">
          <li>
            {{movie?.title}}
          </li>
        </tr>
        </tbody>
      </table>
  </ng-container>

组件：

@Component({
  selector: 'app-movies',
  templateUrl: './movies.component.html',
  styleUrls: ['./movies.component.scss']
})
export class MoviesComponent implements OnInit {

  movies$: Observable<Dictionary<Movie>>;

  constructor(private store: Store<MovieState>) {
    this.store.dispatch(loadMovies());
    this.movies$ = this.store.pipe(select(selectMovieEntities))
  }

  ngOnInit(): void {
  }

}

为了完整性，还原器：

const {
  selectIds,
  selectEntities,
  selectAll,
  selectTotal
} = fromReducer.adapter.getSelectors();

export const getMovieState = createFeatureSelector<fromReducer.State>(fromReducer.moviesFeatureKey);

export const selectMovieEntities = createSelector(getMovieState, selectEntities);

错误消息：

我想知道我是否应该“映射”结果集，还是在这里还有什么最佳练习。

希望您的帮助！

Answer 1

选择性将实体状态返回为字典（ID是密钥）。
如果您只想要实体（作为数组），请使用selectall selector。

export const selectMovieEntities = createSelector(getMovieState, selectAll);