angular2のネストされたテキストボックスから値を取得

Question

APIからデータを読み込み、その値をループメソッドを持つテキストフィールドにバインドします。 第二に、私がしたいのは、値がページに表示され、クリックが送信されたときに、すべての値をコンソールに投稿する必要があるときです。

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]) 
    } 

    } 

Answer 1

は、お使いのモデルがitems配列内の要素があるitem.Quest_IDにバインドされているように見えるので、あなたこれを行う必要があります：

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

すべてをコンソールに記録する。

か、クーラーになりたい場合：

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