angular5 给元素添加自定义属性
今天尝试给一个a
标签添加一个自定义属性,用于存放相关数据,但是angular templates 编译不通过。
<a href="javascript:void(0);" (click)="onInterfaceClick(\'interface\', intNode)" data- data-remote-link- >
</a>
data-id
是支持的,但是 data-remote-link-id
不支持。
而且 data-id
在最后会编译成 id
属性。
正确的方法是,在自定义属性前加上attr
<a href="javascript:void(0);" (click)="onInterfaceClick(\'interface\', intNode)" data- attr.remote-link- attr.remote-node->
</a>
或者
<a href="javascript:void(0);" (click)="onInterfaceClick(\'interface\', intNode)" data- [attr.remote-link-id]="intNode.remote_link_id" [attr.remote-node-id]="intNode.remote_node_id">
</a>