title: Adding/Removing checked attribute to checkbox dynamiclly in angularjs
body: <p>How can i simply add and remove checked attribute to check-box using angularjs.
  I've find solution from <a href="https://stackoverflow.com/questions/19501942/how-to-add-an-arbitrary-attribute-to-an-html-tag-using-angularjs">this</a> question,but it requires Jquery</p>
  
  <p>Is any other way to do this without using Jquery?</p>
  
  <p>Here is what i am tried</p>
  
  <pre><code>&lt;input type="checkbox" id="test"  class="switch__input" checked="{{checkVal}}"&gt;
  &lt;input type="button" ng-click="test()" value="test"&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code> module.controller('settingsCtrl',function($scope){
    //for adding
    $scope.checkVal="checked";
    //for removing checkbox
    $scope.test=function(){
     $scope.CheckVal="";
    }
  }
  </code></pre>
  
  <p>But the removing wont work</p>