title: How to mark a radio button as checked in Angular with ng-click / ng-change?
body: <p><a href="http://plnkr.co/edit/rXWUUjLtJi79z2hF1uVX?p=preview" rel="nofollow">http://plnkr.co/edit/rXWUUjLtJi79z2hF1uVX?p=preview</a></p>
  
  <p>I have a very simple plnkr, basically when the <code>li</code> elements are clicked I want the radio buttons checked.</p>
  
  <p>How is this accomplished below? Right now no radio gets selected.</p>
  
  <p>If I remove the ng-click, then the user can just click the radio buttons, but I also want the radio button selected if the user clicks on the text/label inside of the <code>li</code> which is why I'm trying to get the <code>ng-click</code> on the <code>li</code> to work this way.</p>
  
  <hr>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('app', [])
  
  .controller('mainController', ['$scope', '$rootScope',
                                function($scope,$rootScope) {
                                  
    $scope.toggleTags = function(type) {
      console.log(type);
      switch(type) {
        case 'watchlist':
          $scope.watchlist = true;
          $scope.private   = false;
          break;
  
        case 'private':
          $scope.watchlist = false;
          $scope.private   = true;
          break;
      }
    };
    
  }]);</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body { font-family: Arial, sans-serif; }
  
  li {
    margin: 10px;
    list-style: none;
    width: 100%;
    clear: both;
    cursor: pointer;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;body ng-app="app" ng-controller="mainController"&gt;
        
      &lt;ul&gt;
          &lt;li ng-click="toggleTags('watchlist')"&gt;
            &lt;input type="radio"
                   name="personalGroup"
                   ng-model="watchlist"
                   ng-change="toggleTags('watchlist')"
                   value="watchlist"&gt;
                   My Watchlist
          &lt;/li&gt;
  
          &lt;li ng-click="toggleTags('private')"&gt;
            &lt;input type="radio"
                   name="personalGroup"
                   ng-model="private"
                   ng-change="toggleTags('private')"
                   value="private"&gt;
                   My Private Tags
          &lt;/li&gt;
      &lt;/ul&gt;
      
    &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>