Angular 8: NG8002: Невозможно выполнить привязку к 'ontime', так как это не известное свойство 'div'

Question

Я получаю сообщение об ошибке для приведенного ниже кода:

<div *ngFor="let number of [10,20,30,40,50,60,70]; let ndx = index;" data-ontime="{{number}}" data-id="pane-{{number}}" (click)="myf('pane-1')">
 // codes
</div>

error NG8002: Невозможно выполнить привязку к 'ontime', так как это не известное свойство 'div' .

Answer 1

Когда вы пытаетесь создать пользовательский атрибут для элемента, вам необходимо включить ключевое слово attr перед пользовательским атрибутом.

Изменить,

data-ontime="{{number}}"

на

attr.data-ontime="{{number}}"

Таким образом, полный код будет,

<div *ngFor="let number of [10,20,30,40,50,60,70]; let ndx = index;" attr.data-ontime="{{number}}" data-id="pane-{{number}}" (click)="myf('pane-1')">
 // codes
</div>

Рабочий Stackblitz