get values from nested textboxes in angular2

Question

I load data from an API and bind the values i get into textfields which has a loop method on it. Secondly what i want to do is when the values are been shown on the page and i submit click is click, it should post all the values to the console.

API

   this.http.get('http://localhost/scripts/test.php?year='+this.navparams.data.Quest_Year).map(res => res.json()).subscribe(data =>{
                console.log(JSON.stringify(data));
                this.items= data;
            });

HTML

<div *ngFor="let item of items">
<ion-input  type="text"  [(ngModel)]="item.Quest_ID"></ion-input>
</div>
<button (click)="send()"> Sample</button>

JS

  send(){
    for(var i=0;i<this.test.length;i++) {
    console.log(item.Quest_ID[i])
    }

    }

what did you try ? any errors ?

Mohamed Ali RACHID
– Mohamed Ali RACHID

2017-11-22 23:38:15 +00:00
Commented Nov 22, 2017 at 23:38 — Mohamed Ali RACHID
– Mohamed Ali RACHID, Commented Nov 22, 2017 at 23:38

bryan60 · Accepted Answer · 2017-11-22 23:47:58Z

1

looks like your model is bound to item.Quest_ID which is an element in the items array, so, you should be doing this:

send(){
    for(var i=0;i<this.items.length;i++) {
        console.log(this.items[i].Quest_ID);
    }
}

to log them all to console.

or if you want to be cooler:

send(){
    this.items.forEach(item => console.log(item.Quest_ID));
}

answered Nov 22, 2017 at 23:47

bryan60

29.5k5 gold badges56 silver badges71 bronze badges

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

Collectives™ on Stack Overflow

get values from nested textboxes in angular2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related