angularjs 阻止单选框值的改变

Brad
  • 25

单选框 点击某一个选项时进行判断 如果不符合条件则阻止单选框改变(样式不变,ng-model值不变)
应该如何实现?
ps:尝试过阻止默认事件,但是问题是事件阻止了(样式没变),对应ng-model的值还是改变了。

回复
阅读 931
1 个回答
✓ 已被采纳

ng-model是直接帮你做了双向绑定的,直接用阻止事件不行的。
你可以把ng-model的值备份一份,如果不符合条件就自己更新回旧值,在ng-click事件里判断。

// html
<div ng-click="vm.func()">
  <label for="">
    <input type="radio" name="num" value="0" ng-model="vm.num">
    0
  </label>
  <label for="">
    <input type="radio" name="num" value="1" ng-model="vm.num">
    1
  </label>
</div>


// js
vm.func = function(){
 if(xxx) {
    vm.num = [old value]
 }
}

大概这个意思。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏