ngrx选择器与rxjs运算符

时间:2018-07-25 17:51:04

标签: angular ngrx ngrx-store

选择数据的前者和后者有什么区别和优点/缺点?何时使用哪个选项?

1)选项

getDataById= (id) => createSelector(
  getAllMyData,
   data => data.find(d => d.id === id)
);

store.pipe(select(getDataById(myId)));

2)选项

store.pipe(select(getAllDataMyData)).find(d => d.id === myId)

1 个答案:

答案 0 :(得分:3)

选择1的好处是:

  • 创建的选择器是可重用的。应用程序中任何位置的任何组件都可以使用创建的选择器,而无需重复其特定代码。

  • 创建的选择器已封装(假设您将其保存在单独的文件中)。组件不需要知道如何访问存储中的特定数据。如果以后您不得不重新安排商店(例如,以不同的方式分解状态),则只需修改选择器... 任何组件。

以下是包含更多内容的摘要:

enter image description here