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” 的双向动态绑定。

注:如果不使用 ng-true-value 和 ng-false-value ,则默认选中状态下的值为 "true" ,未选中状态下的值为 "false" 。

完。