Question

Ionic 2和Angular 2

我有3个文本框，每个文本框都有不同的ngModel值 Home.html文件：

 <ion-item>
   <ion-label>Off Peak Usage1:</ion-label>     
   <ion-input type="text" [(ngModel)]="usage.usage1"></ion-input> 
 </ion-item>
 <ion-item>
   <ion-label>Off Peak Usage2:</ion-label>     
   <ion-input type="text" [(ngModel)]="usage.usage2"></ion-input>   
 </ion-item>
 <ion-item>
   <ion-label>Off Peak Usage3:</ion-label>     
   <ion-input type="text" [(ngModel)]="usage.usage3"></ion-input> 
 </ion-item>

我想一个接一个地对文本框中输入的值进行一些计算。我希望每个文本框的值必须一个接一个地传递。下面是我的For循环 Home.ts文件：

usage={
    usage1:'',
    usage2:'',
    usage3:''
};
for(let i=1; i<=3; i++)
{
    let total_usage = this.usage.usage[i];
    let total = total_usage * 5;
}

我的使用情况未在this.usage.usage[i]

上定义

我不知道我做得不对，任何人都可以帮我解决这个问题吗？

谢谢。

Answer 1

尝试访问对象属性，如下所示：

this.usage['usage1']

你的循环将是：

for(let i=1; i<=3; i++)
{
    let total_usage = this.usage['usage'+i];
    let total = total_usage * 5;
}

Foronic 2，For Loop中的Angular 2 Textbox值

1 个答案: