Question

我在ngFor（见下文）中使用angular2，我可以为属性赋值，在本例中为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

我尝试了很多不同的方法，但是不能这样做，我总是可以分配给原生属性（例如，id，class）。

其他事情，我试过了：

<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了解详情：

创建自定义变量时出错

1 个答案: