title: Allow only one checked checkbox, Angular best practice.
body: <p>Im using angular. 
  I have Three checkboxes in a Group and i want to make sure only one of them can be checked. So if one is checked the other two has to bee unchacked. I can Think of doing this several ways with native JS or jQuery but i want to know if there is a typical Angular way of doing it. </p>
  
  <p>Here is Plunker with a set up of the checkboxes and angular controll. 
  <a href="http://plnkr.co/edit/IZmGwktrCaYNyrWjfSqf?p=preview" rel="nofollow">http://plnkr.co/edit/IZmGwktrCaYNyrWjfSqf?p=preview</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body ng-controller="MainCtrl"&gt;
  
    &lt;div&gt;
      {{vm.Output}}
  
      &lt;br&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;label&gt;
        &lt;input type="checkbox" name="groupA" ng-model="vm.a1" ng-change="vm.changeGroupA()"&gt; A1 &lt;/label&gt;
      &lt;label&gt;
        &lt;input type="checkbox" name="groupA" ng-model="vm.a2" ng-change="vm.changeGroupA()"&gt; A2 &lt;/label&gt;
      &lt;label&gt;
        &lt;input type="checkbox" name="groupA" ng-model="vm.a3" ng-change="vm.changeGroupA()"&gt; A3 &lt;/label&gt;
  
      &lt;br&gt;
      &lt;br&gt;
      &lt;br&gt; {{vm.Output}}
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>