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" 。
完。