Kann Variable nicht als HTML-Elementattribut setzen [duplizieren]
Diese Frage hat hier bereits eine Antwort:
Angular 2 Datenattribute 2 AntwortenIch habe ein Problem gefunden, das ich nicht lösen kann.
Wenn Sie diese Vorlage verwenden, besteht kein Problem:
<li *ngFor="#supplier of supplierList | async">
<a (click)="changeSupplier($event)">
<span>{{supplier.id}}: {{supplier.name}}</span>
</a>
</li>
Output ist
<li>
<a>
<span>1: Sony</span>
</a>
</li>
<li>
<a>
<span>2: Samsung</span>
</a>
</li>
Wenn ich eine Vorlage bearbeite und versuche, die "supplier.id" in das HTML-Attribut "data-supplierid" zu setzen:
<li *ngFor="#supplier of supplierList | async">
<a (click)="changeSupplier($event)" data-supplierid="{{supplier.id}}">
<span>{{supplier.name}}</span>
</a>
</li>
Es erscheint ein Fehler:
Can't bind to 'supplierid' since it isn't a known native property ("i>
<li *ngFor="#supplier of supplierList | async">
<a (click)="changeSupplier($event)" [ERROR ->]data-supplierid="{{supplier.id}}">
<span>{{supplier.name}}</span>
</a>