使用 Angular 5,我将数据目标绑定(bind)为 [attr.data-target]="id"
JavaScript 对象
var ids = [1, 2];
HTML
<div *ngFor="let id in ids">
<p [attr.data-target]="id"></p>
</div>
渲染为
<div>
<p data-target="1"></p>
<p data-target="2"></p>
</div>
目标是实现类似的东西
<div>
<p data-target="collapse1"></p>
<p data-target="collapse2"></p>
</div>
如何将一些静态字符串
添加到属性(date-, aria)?
最佳答案
有几种方法可以做到这一点:
插值
attr.data-target="collapse{{id}}"
属性绑定(bind)
[attr.data-target]="'collapse' + id"
属性绑定(bind)规范形式
bind-attr.data-target="'collapse' + id"
使用自定义方法
ts
getTarget(id) {
return `collapse${id}`;
}
html
[attr.data-target]="getTarget(id)"
或
bind-attr.data-target="getTarget(id)"
上的实例 ng-run
关于angular - HTML 中的自定义属性绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48717545/