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

时间:2017-11-22 23:27:25

标签: javascript html angular typescript

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

    }

1 个答案:

答案 0 :(得分:1)

看起来你的模型绑定到item.Quest_ID这是items数组中的一个元素,所以,你应该这样做:

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

将它们全部记录到控制台。

或者如果你想变得更酷:

import org.apache.spark.rdd.RDD

type T = (String, (Option[Int], Option[Int]))

val c: RDD[T] = a.map{ case(k, v) => (k, (Some(v), None)) }
val d: RDD[T] = b.map{ case(k, v) => (k, (None, Some(v))) }

c.union(d)