HTML的attribute和DOM的property

虽然attribute和property都在中文中被翻译成属性,但是他们的含义不同

在angular2的教程里,重点的说明了下这个问题

<button [title]="myTitle">Save</button>

是button的title属性被绑定了吗?是,但是刨根问底,是dom的title的property被绑定了,而不是html上的attribute

实验如下:

传送门

可以看到,attribute其实没有改变过,它是一个初始值

*********************************************************************************

但是在没有property可绑的时候,就只能绑定在attribute上

如下:

<tr><td colspan="{{1 + 1}}">Three-Four</td></tr>

但是这样在ng2中会报错

所以只能

<tr><td [attr.colspan]="1 + 1">One-Two</td></tr>
带上前缀attr,来显式的说明这个是attribute