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