title: ngModel in input radio?
body: <p>I'm developing an application using Angular 6. I have a big problem.
  Using a <strong>template-driven form</strong> I would like that the item selected in a radio button can be sent when I press the <em>submit button</em>.
  It's all right when I work with <code>&lt;input type="text" [(ngModel)] = "value" /&gt;</code> (<code>value</code> is a data field of my component), but if I try with this:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div *ngFor = "let option of options"&gt;
      &lt;div class="radio"&gt;
          &lt;input type = "radio"
                 name = "radio"
                 [(ngModel)] = "value"
                 /&gt;
  
          &lt;label for="{{option.id}}"&gt;{{option.id}}&lt;/div&gt;
          &lt;/label&gt;
  
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The result is a bug! I can't even click the multiple buttons by moving the selector! Everything is stuck! Obviously it does not work with the form.
  If I remove <code>[(ngModel)] = "value"</code> graphically it works, but without ngModel directive if I enter this code inside a template-driven form that uses (ngSubmit) it does not work.
  Thanks a lot.</p>