数据绑定是Angular的强大功能。 Angular数据绑定用于通信。它用于在TypeScript代码(你的业务逻辑)和显示给用户的其他组件(即HTML布局)之间进行通信。
数据绑定是必要的,因为当我们使用TypeScript编写代码时,它将被编译为JavaScript,并且结果将显示在HTML布局上。因此,为了向用户显示正确和自发的结果,必须进行适当的通信。这就是为什么在Angular中使用数据绑定的原因。
有两种类型的数据绑定:
单向数据绑定
一种方法是数据绑定,一种简单的单向通信,其中当我们在TypeScript代码中进行更改时,HTML模板也会更改。
要么
在单向数据绑定中,“视图”(HTML页面)中使用了“模型”的值,但是无法从“视图”中更新“模型”。角度插值/字符串插值,属性绑定和事件绑定是单向数据绑定的示例。
双向数据绑定
在双向数据绑定中,模型和视图之间会发生数据的自动同步。在这里,变化体现在两个方面。每当你在模型中进行更改时,它将反映在视图中,而当你在View中进行更改时,它将反映在模型中。
这会立即自动发生,确保始终更新HTML模板和TypeScript代码。