AngularJS单选框及多选框的双向动态绑定

AngularJS在输入类型='text' /中实现双向动态绑定十分简单，如下所示：

输入类型='text' ng-model='topic.title' /

只需要用尼日利亚模型与$范围中的属性对应，即实现了type="text "的双向动态绑定。当输入类型='收音机'/及输入类型='复选框'/时情况略有不同：

1.inputtype='radio' /

输入类型=' radio ' name=' person-action ' value=' go _ home ' ng-model=' person。操作“/回家输入类型=' radio ' name=' person-action ' value=' go _ to _ school ' ng-model=' person。操作“/回学校通过价值属性指定选中状态下对应的值，并通过尼日利亚模型将单选框与$范围中的属性对应，便实现了type="radio "时的双向动态绑定。

2.输入类型='复选框'/

输入类型=' checkbox ' ng-true-value=' true ' ng-false-value=' false ' ng-model=' phone。播放声音“/铃声输入类型=' checkbox ' ng-true-value=' true ' ng-false-value=' false ' ng-model=' phone。播放_颤动'/震动输入类型=' checkbox ' ng-true-value=' true ' ng-false-value=' false ' ng-model=' phone。播放灯“/呼吸灯通过AngularJS的内置指令ng-真值和ng-假值，指定多选框在选中和未选中状态下对应的值，再通过尼日利亚模型将其与$范围中的属性对应，便实现了类型="复选框"的双向动态绑定。

但是理想跟现实总是相差太多，在实际操作过程中还是出现了问题。应该是尼日利亚重复中范围作用域的问题。

经过一番搜索、调试，自己终于将此问题解决了，效果图如下：

核心源码

射流研究…

var str=//原来存放选中的项$scope .Selected=false//默认未选中var ChoSearr=[]；//定义数组用于存放前端显示$scope.check=function(z，x){ console。日志(' HY : ')；控制台。log(z)；控制台。日志(' HYU : ')；控制台。log(x)；if (x==false) { //选中str=str z '，'；} else { str=str.replace(z '，'，' ')；//取消选中} choseArr=(str.substr(0，str.length-1)).split('，')；控制台。日志(' HY : ')；控制台。日志(ChoSearr)；$ scope。number _ request=ChoSearR。长度；//前端显示所选数量$ scope。content _ request=ChoSearR//前端显示所选请求ID }；超文本标记语言

tr ng-repeat=' query data中的项目' TD ng-bind=' $ index 1 ' 1/TD TDA ui-sref=' # ' { { item。postid } }/a/TD { { item }。med name } }/TD { { item。med fact } }/TD { { item。med CNT } }/TD TD { { item }。备注} }/TD TD TD { { item }。电话} }/TD TD TD { { item }。post _ time } }/TD tdinput id={ { item参考文献：

//www .JB 51。net/article/68155。html文件的后缀

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！