Angular 4: использование двусторонней привязки ngModel вместо [флажка] избавляет от атрибута 'name' - PullRequest
0 голосов
/ 16 ноября 2018

Я просмотрел существующие вопросы, связанные с этим, и нашел людей, которые в основном отрицали это, я проверил свою конфигурацию безрезультатно, попробовал несколько вещей, включая предложения на этой странице .

Вот мой флажок

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

Приведенный выше код работает нормально, и я вижу следующее в Инспекторе Chrome.

Chrome Inspector showing name of the element

Теперь, когда я изменяю свой флажок, чтобы использовать двустороннюю привязку, как это

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

Инспектор Chrome показывает, что атрибут name пропал.

Chrome Inspector showing no name of the element

Как использовать двустороннюю привязку к своему флажку и сохранить атрибут name?

1 Ответ

0 голосов
/ 16 ноября 2018

Попробуйте [attr.name]="'Customer_' + customerIndex" вместо name="...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...