使用 [属性名称] 为元素绑定 DOM 对象属性使用 [attr.属性名称] 为元素绑定 HTML 标记属性 属性绑定分为两种情况,绑定 DOM 对象属性和绑定 HTML 标记属性 使用 [属性名称] 为元素绑定 DOM 对象属性<img [src]="imgUrl"/> 使用 [attr.属性名称] 为元素绑定 HTML 标记属性<td [attr.colspan]="colSpan"></td> 在大多数情况下,DOM 对象属性和 HTML 标记属性是对应的关系,所以使用第一种情况。但是某些属性只有 HTML 标记存在,DOM 对象中不存在,此时需要使用第二种情况,比如 colspan 属性,在 DOM 对象中就没有,或者自定义 HTML 属性也需要使用第二种情况