title: AngularJS - ng-repeat radio buttons with deselect/unselect
body: <p>I'm trying to create an ng-repeat block for radio buttons. I need the buttons to be deselectable. </p>
  
  <p>Here is an example of the ng-repeat block:</p>
  
  <pre><code>&lt;div ng-repeat="role in roles" class="checkbox checkbox-inline checkbox-primary"&gt;
   &lt;input id="{{ role.Value }}" ng-model="$parent.roleSelected" class="styled" type="radio" 
     name="{{ role.Group }}" value="{{ role.Value }}" /&gt;
   &lt;label for="{{ role.Value }}"&gt;{{ role.Name }}&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Edit:</strong> The feature of using a deselectable radio button by clicking the same button was given as a requirement by the customer. This question is about how it can be done, not whether it should be done. </p>