• 属性绑定分为两种情况,绑定 DOM 对象属性和绑定 HTML 标记属性

    使用 [属性名称] 为元素绑定 DOM 对象属性

    1. <img [src]="imgUrl"/>

    使用 [attr.属性名称] 为元素绑定 HTML 标记属性

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