从下拉列表和输入中推送数组中的属性 - Angular 2

时间:2018-03-21 14:06:03

标签: arrays angular input

我有一行输入字段和下拉列表。我可以通过单击按钮"添加行"来生成新行。我通过索引"我管理了#34;获取该行中每个输入的值,但我无法为下拉列表执行此操作(当我从下拉列表中选择项目时,我也会收到错误)。当您填写输入并从下拉列表中选择时,您可以在按下按钮后在控制台日志中看到结果。

Plunker:Plunker

console.log示例:

(2) [{…}, {…}]

0 : {name:" A",data:" 123",num:"",char:""} 1 : {name:" B",data:" 123",num:"",char:""}

也许还有其他一些解决方案......

1 个答案:

答案 0 :(得分:2)

为什么不在上面使用ng model属性? 的 Something like in this plunkr

<select [(ngModel)]="this.properties[i].num">
  <option selected disabled>Select type</option>
  <option *ngFor="let type of numberTypes">{{type}}</option>
</select>

<select [(ngModel)]="this.properties[i].char">
  <option selected disabled>Select type</option>
  <option *ngFor="let type of charTypes">{{type}}</option>
</select>