本篇文章主要介绍了AngularJS 单选框及多选框的双向动态绑定的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
AngularJS 在 中实现双向动态绑定十分简单，如下所示：
只需要用ng-model 与 $scope 中的属性对应，即实现了type=”text” 的双向动态绑定。当 及 时情况略有不同：
1.
回家 回学校
通过 value 属性指定选中状态下对应的值，并通过 ng-model 将单选框与 $scope 中的属性对应，便实现了 type=”radio” 时的双向动态绑定。
2.
铃声 震动 呼吸灯
通过AngularJS 的内置指令 ng-true-value 和 ng-false-value ，指定多选框在选中和未选中状态下对应的值，再通过ng-model 将其与 $scope 中的属性对应，便实现了type=”checkbox” 的双向动态绑定。
但是理想跟现实总是相差太多,在实际操作过程中还是出现了问题。应该是ng-repeat中scope作用域的问题。
经过一番搜索、调试，自己终于将此问题解决了，效果图如下:
核心源码
js
var str = ""; // 原来存放选中的项 $scope.Selected = false; //默认未选中 var choseArr=[]; // 定义数组用于存放前端显示 $scope.check = function(z,x){ console.log("HUY:"); console.log(z); console.log("HUYU:"); console.log(x); if (x == false) { // 选中 str = str + z + ','; } else { str = str.replace(z + ',', ''); // 取消选中 } choseArr = (str.substr(0,str.length-1)).split(','); console.log("HY:"); console.log(choseArr); $scope.number_request = choseArr.length; // 前端显示所选数<em style="color:transparent">来源[email protected]搞@^&代*@码网</em>量 $scope.content_request = choseArr; // 前端显示所选请求ID };
Html
<tr> <td>1</td><td>{{item.postid}}</td><td>{{item.medname}}</td><td>{{item.medfact}}</td><td>{{item.medcnt}}</td><td>{{item.remark}}</td><td>{{item.tel}}</td><td>{{item.post_time}}</td><td></td></tr>
参考文献:
以上就是AngularJS 单选框及多选框的双向动态绑定的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：AngularJS 单选框及多选框的双向动态绑定
转载请注明原文链接：AngularJS 单选框及多选框的双向动态绑定
