Angular 8 中的属性绑定

属性绑定也是一种单向数据绑定技术。在属性绑定中，我们将 DOM 元素的属性绑定到我们的组件 TypeScript 代码中定义的字段。实际上，Angular 内部将字符串插值转换为属性绑定。

例如

<img [src]="imgUrl" />

属性绑定优于字符串插值，因为它具有更短、更简洁的代码。当您只想在标题（如 h1、h2、p 等）之间显示组件中的一些动态数据时，应该使用字符串插值。

注意：字符串插值和属性绑定都是单向绑定。也就是说，如果组件中的字段值发生更改，Angular 将自动更新 DOM。但是，DOM 中的任何更改都不会反映回组件。

属性绑定示例

打开 app.component.ts 文件并添加以下代码

现在，打开 app.component.html 并使用以下代码进行属性绑定

运行 ng serve 命令并打开本地主机以查看结果。

输出