filter/sort 或操作要在 angular 中呈现的数据的最佳方法是什么 2
What is the best way to filter/sort or manipulate data to be presented in angular 2
我有一组资源(JSON 格式)是我从服务中收到的。
资源具有名称、所属运营商、状态、功率流等属性。
首先,我 select 来自下拉列表的运算符,或来自另一个下拉列表的资源状态。
然后我将资源显示为 array/map 或列表。
然后我根据序列号或状态对它们进行排序,最后我使用颜色来区分状态、功率流、充电状态等属性。
最后,这些资源根据选项 selected 显示。我附上一张小照片。
the view results when TSO(Operator)= Any, Array View, Serial sort and Status selected for identifying color
实现它的最佳方法是什么?我在考虑使用路由,其中每个 selector 都嵌入了子路由并最终引导您到视图。
这取决于您的过滤器的工作方式。它们是 AND 还是 OR 过滤器?你能做一套多于一个的过滤器吗?我假设您可以同时选择 TSO 和 状态。
无论如何,我会在一个组件中保留过滤器 - 无论您允许同时使用还是只允许使用一个。您可以反映路由器状态中的任何过滤器更改。因此,使用过滤器组件,您可以决定 要显示的内容。
结果 table 可能是一个不同的(子?)组件,如您所建议的那样,它订阅状态(路由)更改并相应地更新数据集。
view、order 和 sort 应该是我认为的一部分显示组件,而不是过滤器组件。如何对结果进行排序,如何为其中一些结果着色,甚至以何种方式显示结果,这就是 如何 显示结果,而不是 what.
这是一个基本布局 - Filter 组件决定哪些数据,Display 组件决定如何呈现数据,您使用路由器来管理状态。
我有一组资源(JSON 格式)是我从服务中收到的。 资源具有名称、所属运营商、状态、功率流等属性。 首先,我 select 来自下拉列表的运算符,或来自另一个下拉列表的资源状态。 然后我将资源显示为 array/map 或列表。 然后我根据序列号或状态对它们进行排序,最后我使用颜色来区分状态、功率流、充电状态等属性。 最后,这些资源根据选项 selected 显示。我附上一张小照片。 the view results when TSO(Operator)= Any, Array View, Serial sort and Status selected for identifying color
实现它的最佳方法是什么?我在考虑使用路由,其中每个 selector 都嵌入了子路由并最终引导您到视图。
这取决于您的过滤器的工作方式。它们是 AND 还是 OR 过滤器?你能做一套多于一个的过滤器吗?我假设您可以同时选择 TSO 和 状态。
无论如何,我会在一个组件中保留过滤器 - 无论您允许同时使用还是只允许使用一个。您可以反映路由器状态中的任何过滤器更改。因此,使用过滤器组件,您可以决定 要显示的内容。
结果 table 可能是一个不同的(子?)组件,如您所建议的那样,它订阅状态(路由)更改并相应地更新数据集。
view、order 和 sort 应该是我认为的一部分显示组件,而不是过滤器组件。如何对结果进行排序,如何为其中一些结果着色,甚至以何种方式显示结果,这就是 如何 显示结果,而不是 what.
这是一个基本布局 - Filter 组件决定哪些数据,Display 组件决定如何呈现数据,您使用路由器来管理状态。