title: angular checkbox using ng-click to reset the ng-model that is binded to the checkbox, thus prevent the checkbox from being unchecked
body: <p>I have some logic that on certain senario, I want the first check box to be alway checked. So if user tries to uncheck it, I want to use ng-click to change the ng-model binded to the checkbox to 'true'. But the checkbox is still being unchecked....</p>
  
  <p>How do I achieve keep the checkbox remains checked based on the ng-model's value, without using something like angular.element(elem).attr("checked", true)</p>
  
  <pre><code>&lt;input type = 'checkbox' ng-model = 'checkboxValue' ng-click = "handler"/&gt;
  </code></pre>
  
  <p>in the controller</p>
  
  <pre><code>$scope.checkboxValue = false;
  $scope.handler = function(){
      $scope.checkboxValue = true;
  }
  </code></pre>
  
  <p>I want the checkbox remain checked since the ng-model checkboxValue is true...but apparently I missed something here</p>
  
  <p>Here's the plunker:<a href="http://plnkr.co/edit/WbjZilFLDfbP3mQ4oMgx?p=preview" rel="nofollow">http://plnkr.co/edit/WbjZilFLDfbP3mQ4oMgx?p=preview</a></p>
  
  <p>I stepped into the call stack, looks like I set the ng-model to true, then during $digest, the ng-model is set based on the checkbox's status : checked or unchecked. So it is more like one way binding: bindding the ng-model based on the checkbox status? </p>