双向数据绑定是Angular框架中的一个关键特性,它使得模型和视图之间的数据同步变得简单而高效。本文将详细介绍Angular的双向数据绑定机制,并提供相应的源代码示例。
在AngularJS中,双向数据绑定通过使用ng-model指令实现。这个指令可以将输入元素(如文本框、复选框等)与作用域中的数据模型进行绑定。当用户在输入元素中输入内容时,数据模型会自动更新;反之,当数据模型的值发生变化时,输入元素的内容也会自动更新。
下面是一个简单的示例,展示了如何在AngularJS中使用双向数据绑定:
<!DOCTYPE html>
<html ng-app