ngModel中的离子2动态变量

时间:2017-08-08 07:26:37

标签: angular typescript ionic2

我想制作动态ngmodel,但是这个代码给我错误。怎么能动态ngModel?

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

3 个答案:

答案 0 :(得分:1)

根据您的代码,您可以尝试像这样编辑它。

而不是声明{}对象使其成为[]数组。因为你正在循环grafik

grafik=[]; 

假设你有这个数组

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

在您的HTML上

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

答案 1 :(得分:0)

@ahmet

请使用以下代码

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

确保在grafik阵列中无法使用'value'键时,您会收到错误。

我希望你能为你工作

答案 2 :(得分:0)

我相信这会解决您的问题:)

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