如何在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; 
    } 
}