javascript - 从angular2中的嵌套文本框获取值

Question

我从 API 加载数据并将我获得的值绑定(bind)到文本字段中，文本字段上有一个循环方法。 其次，我想做的是当值显示在页面上并且我提交点击是点击时，它应该将所有值发布到控制台。

应用程序接口(interface)

   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

看起来您的模型已绑定(bind)到 item.Quest_ID，它是 items 数组中的一个元素，因此，您应该这样做:

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