View error not updating when user interaction

Ionic Framework ionic-v3
1

Problem with Form (Data driven)

I have an array of objects (dashed block in the gif) that builds the view. The GIF below shows the error:

bug_ionic
bug_ionic.gif990×510 433 KB

Each dashed block is a iteration of *ngFor="let price of priceOptionsList;let pr = index;" directive.

This is the object model:

{
    value       ? : number,
    description   : string,
    beginDate     : string,
    endDate       : string,

    periodActivated     : boolean
}

The button PERÍODO DE VIGÊNCIA changes the boolean value of periodActivated, that shows date/time inputs.

The button ADICIONAR VALOR adds an object in the array:

this.priceOptionsList.push({
	"value"			: undefined, // In the view, it's displays the value of the position [0], error!
	"beginDate"		: '',
	"endDate"		: '',
	"description"	: '',
	"periodActivated" 	: false
});

When I click in the buttons, the view changes and not display the value in some inputs (see gif, description and date/time inputs get empty), but the model is the same, there is no changes!

image
image.png773×50 3.02 KB

I think it is a BUG, I am correct?

2

Solution found!

<div *ngFor="...; let i = index;">
    <ion-input [(NgModel)]="variable" [name]=" 'namehere' + i ">
</div>