可以在显示时更新数据,而无需在Angular 4中删除以前添加的数据

时间:2018-05-08 07:28:58

标签: angular

1.在角度4中,我将json对象作为
pMethod ={ "name" : "ABC", "value" : "45" }

2.现在对象有变化为
 pMethod ={ "name" : "ABC", "value" : "45", "method" : "M" }

3.Suppose Method是由多个pMethods ex类型的对象组成的集合。 Method :[{"name" : "ABC","value" : "45","method" : "M"},{"name" : "DEF","value" : "44","method" : "y"},{"name" : "XYZ","value" : "42"}] 这里Method [2]没有字段“method”。

4.在HTML文件中

<div *ngFor="let pMethods of Method>
<div>{{pMethods.name}}</div>
<div>{{pMethods.method}}</div>
<div>{{pMethods.value}}</div>
</div>

这里在迭代数据时,我想检查哪条记录没有属性方法,同时我想更新该记录,即想要添加属性"method" : ""  在那里面。可能吗?

1 个答案:

答案 0 :(得分:0)

我个人建议您不要在ngFor中使用副作用

NgForOf指令应该只关心迭代列表为列表中的每个元素创建/跟踪模板。它不应该负责改变列表中的对象。通过这样做,您将逻辑与ngFor的执行结合起来。

我的建议是使用管道处理模板中的列表或预处理组件内部。