angularjs에서 바인드를 멈추는 방법

Question

체크 박스가있는 모델 status.useJoin도 div에 바인딩됩니다.

status.useJoin이 true입니다

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

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

는 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; 
    } 
}