angular5 给元素添加自定义属性

今天尝试给一个a 标签添加一个自定义属性，用于存放相关数据，但是angular templates 编译不通过。

<a href="javascript:void(0);"  (click)="onInterfaceClick('interface', intNode)" data- >
</a>

data-id 是支持的，但是 data-remote-link-id 不支持。

而且 data-id 在最后会编译成 id 属性。

正确的方法是，在自定义属性前加上attr

<a href="javascript:void(0);" (click)="onInterfaceClick('interface', intNode)" data->
</a>

或者

<a href="javascript:void(0);" (click)="onInterfaceClick('interface', intNode)" data->
</a>