Ionic 2, Angular 2 Textbox values in For Loop

Question

Ionic 2 and Angular 2

I have 3 textboxes each one with different ngModel value Home.html file:

 <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>

I want to do some calculation part on those entered values in textboxes one after other. I want each text box value must be passed one after other. Below is my For loop in Home.ts file:

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

I am getting usage not defined on this.usage.usage[i]

I don't know I am doing correctly or not, can any one help me out with this ?

Thank you.

this.usage.usage[i] you have three different properties usage1,usage2,usage3 not an array of usage. — Suraj Rao
– Suraj Rao, Commented Apr 27, 2017 at 10:11
@suraj thank you. so how can use those property values in an array ? — Akash M
– Akash M, Commented Apr 27, 2017 at 10:14

Suraj Rao · Accepted Answer · 2017-04-27 10:50:13Z

1

Try to access object property like so:

this.usage['usage1']

Your loop will be:

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

answered Apr 27, 2017 at 10:50

Suraj Rao

29.7k11 gold badges96 silver badges104 bronze badges

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

1 Comment

Akash M Over a year ago

Thank you. It worked for me. Thank you so much for your quick reply.

Collectives™ on Stack Overflow

Ionic 2, Angular 2 Textbox values in For Loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related