如果我们尝试这样的代码:
<td [colspan]="1 + 1">Column</td>
Run Code Online (Sandbox Code Playgroud)
或这个:
<td colspan="{{1 + 1}}">Column</td>
Run Code Online (Sandbox Code Playgroud)
我们很快发现" colspan不是一个已知的原生属性".
从A2文档中我们了解到:
该元素没有colspan属性.它具有"colspan"属性,但插值和属性绑定只能设置属性,而不能设置属性.
我们必须这样做:
<td [attr.colspan]="1 + 1">Column</td>
Run Code Online (Sandbox Code Playgroud)
这是公平的.
我的问题是,为什么colspan不是DOM的属性,如果它缺少,浏览器怎么可能呈现表,因为浏览器呈现DOM而不是HTML?
另外,如果我打开Chrome检查器,然后转到属性选项卡,为什么我可以将colspan视为Element的属性?
为什么DOM表现出这种不一致性?