html - Angular 4 : use of ngModel two-way binding instead of [checked] gets rid of the 'name' attribute

Question

我搜索了与此相关的现有问题，发现人们大多否认它的发生，我检查了我的配置无济于事，尝试了几种方法，包括 suggestions on this page .

这是我的复选框

<div *ngFor="let customer of customers; let customerIndex=index">
 <input type="checkbox" value="on" name="Customer_{{customerIndex}}" [checked]="customer.isSelected" />
</div>

上面的代码工作正常，我在 Chrome 检查器中看到了以下内容。

现在，当我更改我的复选框以像这样使用双向绑定(bind)时

<div *ngFor="let customer of customers; let customerIndex=index">
 <input type="checkbox" value="on" name="Customer_{{customerIndex}}" [(ngModel)]="customer.isSelected" />
</div>

Chrome 检查器显示 name 属性不见了。

如何使用双向绑定(bind)到我的复选框并保留 name 属性？

Answer 1

尝试 [attr.name]="'Customer_' + customerIndex" 而不是 name="...