title: How to set default checked radio button in Angular
body: <p>I'm attempting to set the default checked radio button while using <code>ng-repeat</code>. The below code is what I'm working with:</p>
  
  <pre><code>&lt;div class="btn-group pull-right" id="dbHandle" data-toggle="buttons"&gt;
    &lt;label ng-repeat="handle in handles" for="" class="btn btn-primary"&gt;
      &lt;input type="radio" name="dbHandle" value="{{handle.handle}}" autocomplete="off"&gt;
      {{handle.name}}
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like for the first <code>handle</code> to be checked on page load. I've tried using the following ternary on the <code>input</code> element, but to no effect:</p>
  
  <pre><code>ng-checked="$index === 0 ? true : false"
  </code></pre>