Bom dia senhores, ao realizar um *ngFor para uma listagem de inputs estou tendo o seguinte erro:
Expression has changed after it was checked. Previous value: 'Claro'. Current value: 'Fixo'.
o HTML referente é:
<div *ngFor="let phone of new_data.phones" fxLayout="row" fxLayoutAlign="start center">
<md-input-container>
<input mdInput
placeholder="Etiqueta"
formControlName="phoneLabel"
[(ngModel)]="phone.label">
</md-input-container>
<md-input-container>
<input mdInput
placeholder="Número"
formControlName="phoneNumber"
[(ngModel)]="phone.number">
</md-input-container>
</div>
o conteúdo do new_data.phones é:
phones: Array[2]
0:
Object
label: "Claro"
number: "12345678"
__proto__: Object
1:
Object
label: "Fixo"
number: "98765432"
__proto__: Object
length: 2
que é recebido dentro do constructor.
Na view, ele substitui o objeto 0 pelo 1 e em seguida trava a interface.
Sei que este erro de exceção só acontece no DEV mode, mas não devo ignorá-lo. Até porque ele trava toda a interface.
Como seria possível resolver isso?