如何在angularjs中停止绑定

Question

我有一个复选框，模型status.useJoin也绑定了div。

<input type="checkbox" ng-model="status.useJoin" ng-click="toggleJoin($event);" > 
 

 
<div ng-if="status.useJoin"> show area</div>

时status.useJoin是true，将显示div。

我的问题是，当我想阻止复选框的默认操作。我会这样写功能toggleJoin。

$scope.toggleJoin = function (dimension,$event) { 
 
    if (status.useJoin) { 
 
     $event.preventDefault(); 
 
     return; 
 
    } 
 
}

复选框动作停止，但status.useJoin还是被改变了。我怎样才能停止绑定？

Answer 1

您可以使用ng-disabled指令

<input type="checkbox" ng-model="status.useJoin" ng-disabled="onYourDisableCondition();" > 


$scope. onYourDisableCondition = function() { 
    if (status.useJoin) { //Add your additional conditions  
     return true; 
    } 
}