title: Radio Button and AngularJS
body: <p>I know this is a common question on SO, but none of those solve my issue.</p>
  
  <p>This code doesn't allow me to click/select the radio button. And I am unable to see whats wrong. It may bey something simple that I am missing, I'll be glad if someone can help out.</p>
  
  <pre><code>&lt;div input-field class="col m6" ng-init="student.username = 0"&gt;
  &lt;p&gt;Username Generation&lt;/p&gt;
  &lt;p&gt;
      &lt;input class="with-gap" type="radio" name="user" ng-model="student.username" value="0" required /&gt;
      &lt;label&gt;Same as Registration ID&lt;/label&gt;
  &lt;/p&gt;
  &lt;p&gt;
      &lt;input class="with-gap" type="radio" name="user" ng-model="student.username" value="1" required /&gt;
      &lt;label&gt;Auto Generate&lt;/label&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p></p>
  
  <p>The problem is I cannot select the Radio button, where set in ng-init or not.</p>
  
  <p>JSFIDDLE: <a href="https://jsfiddle.net/znfvmr80/5/" rel="nofollow">https://jsfiddle.net/znfvmr80/5/</a></p>