title: angular 6 ngModel with radio button not passing any data
body: <p>I'd like to link radio buttons inside a form to an object, i cant get it to work!</p>
  
  <p>I am linking ngModel to a variable of type string that is called presentation</p>
  
  <p>I dont know what am I missing? even when i copy a working example it wont work in my form!</p>
  
  <p>here is part of my form that I think is dysfunctional:
  HTML:</p>
  
  <pre><code>&lt;div class="uk-margin-large-right"&gt;
  
    &lt;div class="uk-flex-inline "&gt;
      &lt;span class="uk-form-label uk-margin-small-right uk-text-bold "&gt; Presentation &lt;/span&gt;
      &lt;label  class="uk-margin-medium-right"&gt;
        &lt;input class="uk-radio " type="radio" name="radio1" value="Cephalic" [(ngModel)]="presentaion"&gt; Cephalic  &lt;/label&gt;
      &lt;label class="uk-margin-medium-right"&gt;
        &lt;input class="uk-radio" type="radio" name="radio1" value="Breech" [(ngModel)]="presentaion"&gt; Breech &lt;/label&gt;
        &lt;label class="uk-margin-medium-right"&gt;
          &lt;input class="uk-radio" type="radio" name="radio1" value="Transverse lie" [(ngModel)]="presentaion"&gt; Transverse lie &lt;/label&gt;
  
    &lt;/div&gt;
    &lt;p&gt;this is {{presentation}}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Typescript:</p>
  
  <pre><code>    import { Component, OnInit } from '@angular/core';
  import { CommService } from '../services/comm.service';
  
  
  
  @Component({
    selector: 'app-form',
    templateUrl: './form.component.html',
    styleUrls: ['./form.component.css']
  })
  export class FormComponent implements OnInit {
  
  
    user = {
      Doctor: '',
      Patient: '',
      Type:'',
      Report: ''
    };
  
    presentation:'';
  
  
    constructor(private CommService: CommService) { }
  
    ngOnInit() {
      this.CommService.setData(this.user);
      console.log(this.presentation);
    }
  
  }
  </code></pre>