title: Input values in reactive forms are not fetched (Angular5)
body: <p>I have used reactive forms in my application. 
  I am assigning the value to the input fields using interpolation.</p>
  
  <p>After submitting the form, the value assigned to the input field using interpolation is not fetched. Can someone tell me what am I doing wrong?</p>
  
  <p><strong>main.component.html</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form  [formGroup]="form" (ngSubmit)="onSubmit(form.value)"&gt;
    &lt;div class="form-group"&gt;
      &lt;label&gt;Name&lt;/label&gt;
      &lt;input value={{item}} type="text" class="form-control" formControlName="Item"&gt;
    &lt;/div&gt; 
    &lt;button type="submit"&gt;Next&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>main.component.ts</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>export class MainComponent implements OnInit {
  
     form: FormGroup;
  
     constructor() {
       this.form = new FormGroup({
         Item: new FormControl('', Validators.required)
       })
     }
  
     onSubmit(value){
       console.log(value);
     }
  }
  </code></pre>