angular6 自定义DOM节点属性（非标准DOM属性设置）

文章目录

文章参考问题描述模板绑定是通过 property 和事件来工作的，而不是 attribute。自定义设置属性值

文章参考

angular5 给元素添加自定义属性

问题描述

今天想总结一下angular基础知识，想自己写一个自定义myname属性的demo，类似于jquery那样在某个element对象中添加属性，结果angular编译报错，提示是说myname不是div的属性

模板绑定是通过 property 和事件来工作的，而不是 attribute。

参考 /guide/template-syntax#html-attribute-vs-dom-property

自定义设置属性值

需要在属性前面添加一个attr.的修饰

<div [attr.myname]='myName'>{{myName}}</div><div attr.myname={{myName}}>{{myName}}</div>