angular_docs/binding

Angular 绑定简介

Angular 的数据绑定是构建动态用户界面的核心功能。它允许您将模型的数据直接显示在视图中，并且当模型更新时，视图会自动更新。

什么是数据绑定？

数据绑定是一种将模型数据与视图元素同步的技术。在 Angular 中，数据绑定允许您将数据模型绑定到视图元素，例如 HTML 元素。这意味着当模型数据发生变化时，绑定到该数据的视图元素也会自动更新。

常用数据绑定类型

• 单向绑定 (One-way binding): 数据从模型流向视图。使用 {{ }} 语法。
  • 示例：<div>{{ user.name }}</div>
• 双向绑定 (Two-way binding): 数据在模型和视图之间双向流动。使用 [ngModel] 指令。
  • 示例：<input [ngModel]="user.name">

语法示例

• 单向绑定:

  <div>{{ user.name }}</div>
  

• 双向绑定:

  <input [ngModel]="user.name">
  

图文示例

Angular 绑定示意图

更多关于 Angular 绑定的深入内容，您可以阅读Angular 官方文档。