如何使用@ngrx商店进行搜索操作?

时间:2017-06-21 13:51:13

标签: angularjs ngrx ngrx-store

我的角度应用程序中有一个联系人集合(所有员工的联系人)。它类似于有联系人的任何联系人或地址应用程序,您可以搜索名称。当搜索到像John'这样的名称时,应用程序应该只显示具有' John'的名称。

联系人已保存在MSSQL DB中。

我的问题是我应该如何使用@ngrx store管理州?

  • 我应该在应用启动时阅读MSSQL DB中的所有联系人,然后使用@ngrx store选择器在reselect中进行名称搜索以获取搜索结果吗?
  • 每次搜索完成后,我应该在MSSQL DB中进行搜索,然后清除并加载 @ngrx store搜索结果吗?

1 个答案:

答案 0 :(得分:3)

当然是第二种选择。

下载所有数据毫无意义。 你应该在商店中使用searchResults部分,在每次搜索时更新它,然后执行store.select(reducer.getSearchResults)以在你的组件中显示它。

如果您在整个应用程序中遵循相同的逻辑并加载您在应用程序生命周期中可能需要的每一段数据,那么您最终会很快得到无用的应用程序;)