Javascript 在angular中处理动态表值解析的最佳方法?

Javascript 在angular中处理动态表值解析的最佳方法?,javascript,html,arrays,angular,Javascript,Html,Arrays,Angular,我确信这是经常遇到的,但是我可以找到详细的方法来处理这一情况,并且需要一个缺乏可伸缩性的操作策略 问题: <tr *ngFor="let row of modalConfig.tableData"> <td> {{row.title}}</td> <td> {{row.value}}</td> </tr> {{row.title}} {{row.value}} 这里真正的问题是,其中一些数据

我确信这是经常遇到的,但是我可以找到详细的方法来处理这一情况,并且需要一个缺乏可伸缩性的操作策略

问题:

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

{{row.title}}
{{row.value}}
这里真正的问题是,其中一些数据需要管道传输,而另一些则不需要。我可以在页面模型中处理这个问题,但我更了解处理这个问题的策略

最好的做法是操纵传入的数据,然后显示操纵的数据吗?例如,如果8个值中有两个是日期,是否有方法在不操纵数组中数据的情况下以格式化方式显示它们

理想情况下,我希望在此实例中分离数据和视图,而不是更改源数据然后显示它


想法?

我的观点是,无论您在何处进行数据转换,都必须为显示进行转换。如果数据结构或显示的表发生变化,这本身就降低了它的可维护性

您可能会浪费很多时间来创建一些通用的转换引擎,但这将花费大量的精力,并且不会很好地处理边缘情况。这使得我们需要更改基础数据或更新视图


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

管道对于过滤动态数据和转换值非常有用,但我认为在数据值到达
*ngFor
@Kinglish之前转换数据值会更好。我听说很难知道最好的方法,但正如答案所指出的,我的问题是,在呈现数据之前对数据进行转换会导致可变性问题,在企业系统中,如果添加了另一个服务,该服务也会更改数据或希望数据看起来像某种方式,并且如果我复制并更改数据,然后,我必须将其还原为原始形式,以便在转换后返回。我本来希望有一个干净的无头解决方案,但看起来自定义管道是最干净的方法,只是更改显示的数据。因此,有条件的自定义管道是可行的方法?这是我发现最容易实现和维护的方法。