angularjs 阻止单选框值的改变

Question

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

Answer 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]
 }
}

大概这个意思。