筛选/排序或操作以角度2呈现的数据的最佳方法是什么

时间:2017-07-28 19:22:06

标签: angular angular-routing angular-services

我有一组从服务中收到的资源(采用JSON格式)。 资源具有名称,属于哪个运营商,状态,潮流等属性。 首先,我从下拉列表中选择运算符,或从另一个下拉列表中选择资源的状态。 然后我将资源显示为数组/映射或列表。 然后我按照序列号或状态对它们进行排序,最后我用颜色来区分状态,功率流,充电状态等属性。 最后,根据所选的选项显示这些资源。我附上一张小照片。 the view results when TSO(Operator)= Any, Array View, Serial sort and Status selected for identifying color

实施此操作的最佳方法是什么?我在考虑使用路由,其中​​每个选择器都嵌入了子路径,最终引导您进入视图。

1 个答案:

答案 0 :(得分:1)

这取决于过滤器的工作方式。它们是AND还是OR过滤器?你可以制作一套过滤器吗?我假设您可以同时选择TSO 状态。

无论如何,我会在一个组件中保留过滤器 - 无论你是允许两个还是只允许一个。您可以反映路由器状态中的任何过滤器更改。因此,使用过滤器组件,您可以决定显示的内容

结果表可以是一个不同的(子?)组件,正如您所建议的那样,它会订阅状态(路由)更改并相应地更新数据集。

视图订单 sort 应该是显示组件的一部分,而不是过滤器组件。如何对结果进行排序,如何为其中某些颜色添加颜色,或者甚至以何种方式显示结果,如何显示结果,而不是

这是一个基本布局 - 过滤器组件决定哪些数据,以及显示组件决定如何呈现数据,并使用路由器来管理状态。