ionic 2 dynamic Variables in ngModel

Question

I want to make dynamic ngmodel , but give me error this code. How can ı make dynamic ngModel?

veritext={};

<ion-item *ngFor="let ver of grafik" >  
   <input type="number" [(ngModel)]="veritext.ver.value" class="verigondertext" >
</ion-item>

Jakegarbo · Accepted Answer · 2017-08-08 08:09:12Z

1

Base on your code you can try editing it like this.

instead of declaring {} object make it [] array . since you are looping the grafik

grafik=[];

lets assume you have this array

grafik = [
{ 
veritext: {   ver:'',  val:''  }
},
{ 
veritext: {   ver:'',  val:''  }
}  
]

on your html

 <ion-item *ngFor="let item of grafik" >  
     <input type="number" [(ngModel)]="item.veritext.val">
 </ion-item>

answered Aug 8, 2017 at 8:09

Jakegarbo

1,31110 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nakul Kundaliya · Accepted Answer · 2017-08-08 07:36:19Z

0

@ahmet

Please use following code

veritext={};
<ion-item *ngFor="let ver of grafik" >  
  <input type="number" [(ngModel)]="ver.value" class="verigondertext" >
</ion-item>

Make sure if 'value' key is not able in grafik array then you get error.

I hope it's work fo you

answered Aug 8, 2017 at 7:36

Nakul Kundaliya

5422 silver badges12 bronze badges

ekaratas · Accepted Answer · 2018-10-26 12:32:57Z

0

I believe that this will solve your problem :)

   [(ngModel)]="veritext[ver.value]"

answered Oct 26, 2018 at 12:32

ekaratas

925 bronze badges