Angular 8：NG8002：由于它不是'div'的已知属性，因此无法绑定到'ontime'

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>

错误NG8002：由于它不是'div'的已知属性，因此无法绑定到'ontime'。

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>

Working Stackblitz