过滤/排序或操作要在angular 2中显示的数据的最佳方法是什么

我有一组从服务接收的资源（JSON格式）。 这些资源具有诸如名称、它们所属的操作员、状态、功率流等属性。 首先，我从下拉列表中选择操作员，或者从另一个下拉列表中选择资源的状态。 然后将资源显示为数组/映射或列表。 然后我根据序列号或状态对它们进行排序，最后使用颜色来区分状态、功率流、充电状态等属性。 最后，这些资源将按照所选的选项显示。我正在附上一张小照片。

---

实现这一点的最佳方式是什么？我在考虑使用路由，其中每个选择器都嵌入了子路由，并最终引导您进入视图。

这取决于过滤器的工作方式。它们是和还是过滤器？你能设置多个过滤器吗？我想你可以选择TSO和状态

在任何情况下，我都会将过滤器保留在一个组件中，不管您是同时允许还是只允许一个组件。您可以反映路由器状态中的任何筛选器更改。因此，使用过滤器组件，您可以决定要显示的内容

正如您所建议的，结果表可以是不同的（子？）组件，它订阅状态（路由）更改并相应地更新数据集

我认为，视图、顺序和排序应该是显示组件的一部分，而不是过滤器组件。如何对结果进行排序，如何对其中一些结果进行着色，甚至以何种方式显示结果，这就是显示结果的方式，而不是显示结果的方式

---

这是一个基本的布局-过滤器组件决定哪些数据，显示组件决定如何显示数据，您使用路由器管理状态。

第一种情况下的选择是TSO或状态。如果我想通过创建类来实现同样的事情，该怎么办？我真的不确定我将如何构建它。有什么建议吗？好的，是的，你可以用过滤器设置一个组件-可能是简单的数组，可能是一些不同的组件，这取决于你对TSO或状态的了解。谢谢你的建议：）