Angular 6如何将选定的复选框传递给ngModel

我将通过选中的复选框(已迭代)传递给ngModel时遇到问题。

    <label class="btn btn-outline-secondary"
     *ngFor="let test of tests"  >
      <input type="checkbox">
    </label>

在ts中我有模型:

     testData = <any>{};

this.tests = [{
    id: 1, name: 'test1'
  },
  {
    id: 2, name: 'test2'
  },
  {
    id: 3, name: 'test3'
  },
]

我尝试使用ngModel和ngModelChange，但在显示选中复选框时仍然有问题。我怎样才能做到这一点？

最佳答案

使用[(ngModel)]="test.name"

 <label class="btn btn-outline-secondary" *ngFor="let test of tests"  >
  <input type="checkbox" [(ngModel)]="test.selected" > {{test.name}} - {{test.selected}}
</label>

Demo

关于Angular 6如何将选定的复选框传递给ngModel，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52274080/