AngularJS 数据绑定

数据绑定是软件开发技术中使用的一种非常有用的强大特性。它充当应用程序的视图和业务逻辑之间的桥梁。

AngularJS 遵循双向数据绑定模型。

单向数据绑定

单向数据绑定是一种从数据模型中获取值并将其插入到 HTML 元素中的方法。无法从视图更新模型。它用于经典模板系统。这些系统仅在一个方向上绑定数据。

双向数据绑定

Angular 应用程序中的数据绑定是模型和视图组件之间数据的自动同步。

数据绑定使您可以将模型视为应用程序中的单一事实来源。视图始终是模型的投影。如果模型发生更改，视图会反映该更改，反之亦然。

在上面的示例中，{{ firstName }} 表达式是 AngularJS 数据绑定表达式。AngularJS 中的数据绑定将 AngularJS 表达式与 AngularJS 数据绑定在一起。

{{ firstName }} 与 ng-model="firstName" 绑定。

让我们再举一个例子，其中两个文本字段与两个 ng-model 指令绑定在一起