Ошибка при создании пользовательской переменной

Question

Я использую angular2, в ngFor (см. Ниже), я могу присвоить значение атрибуту, в данном случае id. Приведенный ниже код работает:

<div *ngFor="#t in test" id="{{t.num}}">{{t.comment}}</div> 

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

Can't bind to 'data-value' since it isn't a known native property 

Я пробовал много разных способов, но не может это сделать, я всегда назначается нативного атрибута (например, идентификатор, класс).

Другие вещи, я попытался:

<div *ngFor="#t in test" customAttr="{{t.num}}">{{t.comment}}</div> 
<div *ngFor="#t in test" [customAttr]="{{t.num}}">t.comment</div> 
<div *ngFor="#t in test" [customAttr]="t.num">t.comment</div> 

Любая идея о том, как я могу добиться этого?

Answer 1

Вы можете попробовать использовать атрибут связывания синтаксис:

<div *ngFor="#t in test" [attr.data-value]="{{t.num}}">{{t.comment}}</div> 

Проверьте official documentation для деталей: