Angular 4：使用ngModel双向绑定代替[checked]摆脱了'name'属性

Question

I have searched through existing questions related to this and have found people mostly denying it happening, I checked my configuration to no avail, tried several things including suggestions on this page .

Here is my checkbox

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

The above code works fine and I see the following in Chrome inspector.

Now when I change my checkbox to use two-way binding like so

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

The Chrome inspector shows that the name attribute is gone.

How do I use two-way binding to my checkbox and preserve the name attribute?

Answer 1

尝试使用[attr.name]="'Customer_' + customerIndex"代替name="...