今天嘗試給一個a 標簽添加一個自定義屬性，用於存放相關數據，但是angular templates 編譯不通過。
<a href="javascript:void(0);" (click)="onInterfaceClick('interface', intNode)" data-id="{{ intNode.id }}" data-remote-link-id="{{ intNode.remote_link_id}}" >
</a>
data-id 是支持的，但是 data-remote-link-id 不支持。
而且 data-id 在最后會編譯成 id 屬性。
正確的方法是，在自定義屬性前加上attr
<a href="javascript:void(0);" (click)="onInterfaceClick('interface', intNode)" data-id="{{ intNode.id }}" attr.remote-link-id="{{ intNode.remote_link_id}}" attr.remote-node-id="{{ intNode.remote_node_id}}">
</a>
或者
<a href="javascript:void(0);" (click)="onInterfaceClick('interface', intNode)" data-id="{{ intNode.id }}" [attr.remote-link-id]="intNode.remote_link_id" [attr.remote-node-id]="intNode.remote_node_id">
</a>