title: Radio button checked by default when using ng-repeat
body: <p>I have been wanting to have a radio button checked out of a list of radio buttons that I present in the screen using ng-repeat, but my code does not work.  This is what I am doing:</p>
  
  <pre><code>&lt;div class="clubRole" data-ng-if="club.checked"&gt;
      &lt;div data-ng-repeat="role in securityGroups.slice(0,1)"&gt;
          &lt;input type="radio" class="clubRole" data-ng-model="club.role" data-ng-value="role.securityGroupCode" checked="checked"&gt; {{role.description}}
      &lt;/div&gt;
      &lt;div data-ng-repeat="role in securityGroups.slice(1,securityGroups.length+1)"&gt;
          &lt;input type="radio" class="clubRole" data-ng-model="club.role" data-ng-value="role.securityGroupCode"&gt; {{role.description}}
      &lt;/div&gt;      
  &lt;/div&gt;
  </code></pre>
  
  <p>The intention of the code is to get the first radio button checked, and the others unchecked. That code has a problem: it does not work. But at least it gives the idea of what I am trying to do: I want one of the radio buttons checked by default, no matter which one it is.</p>