如何在ngFor中获取复选框值?在Angular 2+?

时间:2017-08-24 18:21:29

标签: angular checkbox angular-ngmodel ngfor

Hy,我需要通过ngFor中的复选框检查来收集选定的值。以下是代码。

 <tr *ngFor="let item of items; let index = index;">
    <td>{{item.bed}}</td>
    <td>{{item.size}}</td>
    <td>{{item.name}}</td>
    <td>
      <input type="checkbox"
             name="domain-{{item.bed}}"
             [(ngModel)]="items[index].id"
      >
    </td>
  </tr>
<button (click)="OnSelect()">Select</button>

在组件中,我试图像这样访问。

component.ts
items = [];
ngOnInIt() {
  this.items = somepromise.then((items) => this.items );
}
OnSelect() {
  console.log(this.items);
}

在选择时,我会看到打印的所有项目值而不是选中的复选框值。有什么想法吗 ?

1 个答案:

答案 0 :(得分:5)

scripts/configure-build.js

在组件中:

./configure

我能够以这种方式获得我想要的东西。