📜  Angular 7数据绑定

📅  最后修改于: 2020-12-16 05:09:13             🧑  作者: Mango

角度数据绑定

数据绑定是Angular的强大功能。 Angular数据绑定用于通信。它用于在TypeScript代码(您的业务逻辑)和显示给用户的其他组件(即HTML布局)之间进行通信。

数据绑定是必要的,因为当我们使用TypeScript编写代码时,它将被编译为JavaScript,并且结果将显示在HTML布局上。因此,为了向用户显示正确和自发的结果,必须进行适当的通信。这就是为什么在Angular中使用数据绑定的原因。

有两种类型的数据绑定:

单向数据绑定

一种方法是数据绑定,一种简单的单向通信,其中当我们在TypeScript代码中进行更改时,将更改HTML模板。

要么

在单向数据绑定中,“视图”(HTML页面)中使用了“模型”的值,但是您无法从“视图”中更新“模型”。角度插值/字符串插值,属性绑定和事件绑定是单向数据绑定的示例。

双向数据绑定

在双向数据绑定中,模型和视图之间会发生数据的自动同步。在这里,变化体现在两个方面。每当您在模型中进行更改时,它将反映在视图中,而当您在View中进行更改时,它将反映在模型中。

这会立即自动发生,以确保始终更新HTML模板和TypeScript代码。