Возможно обновление данных при отображении без удаления ранее добавленных данных в Angular 4

Question

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" : "". в этом. Является ли это возможным?

Answer 1

Лично я бы посоветовал вам не иметь побочных эффектов в вашем ngFor.

Директива NgForOf должна заботиться только о , повторяющих список и , создающих / отслеживающих шаблон для каждого элемента в списке. Он не должен нести ответственность за изменение объектов в списке. Делая это, вы связываете свою логику с выполнением ngFor.

Я бы предложил использовать канал для обработки списка в шаблоне или предварительной обработки внутри вашего компонента.