首页 > 解决方案 > 以角度处理动态表值解析的最佳方法?

问题描述

我确信这已经经常遇到,但是我可以找到所有资源的详细方法来处理这种情况,并且需要一种缺乏可扩展性的操作策略。

问题:

<tr *ngFor="let row of modalConfig.tableData">
  <td> {{row.title}}</td>
  <td> {{row.value}}</td>
</tr>

这里真正的问题是其中一些数据需要通过管道传输,而其他数据则不需要。我可以在页面模型中对其进行操作,但我更愿意了解处理此问题的策略。

操作此传入数据然后显示操作数据的最佳做法是什么?有没有办法,例如,如果 8 个值中有两个是日期,则以格式化的方式显示它们而不操作数组中的数据?

理想情况下,我想在这种情况下分离数据和视图,而不是更改源数据然后显示它。

想法?

标签: javascripthtmlarraysangular

解决方案


我认为,无论您在哪里进行,都必须转换数据以进行显示。如果数据结构或显示的表格发生变化,这本身就使其难以维护。

你可能会浪费很多时间来制作一些通用的转换引擎,但这需要付出很多努力并且不能很好地处理边缘情况。这让我们对底层数据进行更改或更新视图。

我几乎总是会说将数据保持在您需要的原始形状中,这样您就可以轻松地进行编辑并在需要时将其发布回服务器。这给我们留下了管道。这是我的首选方法。这是最简单的,在我看来是最优雅的。它易于理解、可定制、高性能(记忆),并保持底层数据完整。


推荐阅读