本文共 473 字，大约阅读时间需要 1 分钟。

AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示：

只需要用ng-model 与 $scope 中的属性对应，即实现了type=”text” 的双向动态绑定。当 <input type="radio" /> 及 <input type="checkbox" /> 时情况略有不同：

1. <inputtype="radio" /> ：

   回家
   回学校

通过 value 属性指定选中状态下对应的值，并通过 ng-model 将单选框与 $scope 中的属性对应，便实现了type=”radio” 时的双向动态绑定。

2. <input type="checkbox" /> ：

   铃声
   震动
   呼吸灯

通过AngularJS 的内置指令 ng-true-value 和 ng-false-value ，指定多选框在选中和未选中状态下对应的值，再通过ng-model 将其与 $scope 中的属性对应，便实现了type=”checkbox” 的双向动态绑定。

转载地址：http://enhgi.baihongyu.com/