title: Angular.js Show DIV when radio-input is checked
body: <p>I want to show a div when a <strong>input-radio</strong> is selected.</p>
  
  <pre><code>&lt;div&gt;
    &lt;div class="radio c-radio"&gt;
      &lt;label&gt;
        &lt;input type="radio" name="specialType" ng-model="vm.specialType.closed" /&gt;
        &lt;span class="fa fa-check"&gt;&lt;/span&gt;First Radio
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div ng-show="vm.specialType.closed"&gt;
      &lt;label&gt;Day: &lt;/label&gt;
      &lt;input type="date" class="form-control" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have 4 radio inputs like this one. I want to show &amp; hide each one when one is checked. I tried with <code>ng-click='someFunction()'</code> but it's not working, anyway I dont think it's the best way to do it.</p>
  
  <p>If I check the first radio, and for example, 3rd is checked, I want to hide the one shown and show the first one. </p>
  
  <p>My controller has this variable. My idea was use it for true/false (show/hide) But maybe there is a beautiful and clean solution.</p>
  
  <pre><code>vm.specialType = {
    closed: false,        //1st radio
    open: false,          //2nd radio
    ownGuards: false,     //3rd radio
    foreignGuards: false  //4th radio
  };
  </code></pre>