Angular 数据绑定

数据绑定是 Angular 的一个强大特性。 Angular 数据绑定用于通信。 它用于在您的 TypeScript 代码（您的业务逻辑）和向用户显示的另一个组件（即 HTML 布局）之间进行通信。

数据绑定是必要的，因为我们在 TypeScript 中编写的代码会被编译成 JavaScript，结果显示在 HTML 布局上。 因此，为了向用户显示正确且自发的结果，适当的通信是必要的。 这就是 Angular 中使用数据绑定的原因。

有两种类型的数据绑定

单向数据绑定

单向数据绑定是一种简单的单向通信，当我们更改 TypeScript 代码时，HTML 模板会发生更改。

或

在单向数据绑定中，模型的值用于视图（HTML 页面）中，但您无法从视图更新模型。 Angular 插值/字符串插值、属性绑定和事件绑定是单向数据绑定的示例。

双向数据绑定

在双向数据绑定中，模型和视图之间会发生数据的自动同步。 在这里，更改会反映在两个组件中。 无论何时您在模型中进行更改，它都会反映在视图中；当您在视图中进行更改时，它都会反映在模型中。

这种情况会立即自动发生，确保 HTML 模板和 TypeScript 代码始终保持更新。