how to stop bind in angularjs

Question

I hava a checkbox ,the model status.useJoin also bind the div.

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

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

when status.useJoin is true ,will show div.

My question is ,when I want to prevent the default action of the checkbox. I will write function toggleJoin like this.

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

the checkbox action is stopped ,but status.useJoin is still modified. How can I stop the bind?

Dolo · Accepted Answer · 2014-11-03 05:34:32Z

1

You can use ng-disabled directive

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


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

edited Nov 3, 2014 at 5:34

answered Nov 3, 2014 at 5:24

Dolo

9761 gold badge14 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to stop bind in angularjs

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related