title: Can't bind to 'ngFormModel' since it isn't a known property of 'form'
body: <p>I tried using <code>[ngModel]</code> in my html file. Although I import FormsModule in app.module.ts, it gives error as </p>
  
  <blockquote>
    <p>unexpected token attribute name expected</p>
  </blockquote>
  
  <p>I use Visual Studio 2015 Enterprise with Resharper. AngularJs extension is installed for Resharper. I cannot understand why it doesn't see <code>ng attributes</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/iIYkx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iIYkx.png" alt="enter image description here"></a></p>
  
  <p>api-example.component.html</p>
  
  <pre><code>&lt;form [ngFormModel]="searchForm"&gt;
  
      &lt;label for="search" &gt; Search on Youtube&lt;/label&gt;&lt;br /&gt;
      &lt;input ngControl="search" id="search" /&gt;'+
  
  &lt;/form&gt;
  
  &lt;!--&lt;div *ngFor="#result of results$"&gt;
      &lt;a href="#" target="_blank"&gt;
      &lt;h3&gt;{{result.snippet.title}}&lt;/h3&gt;&lt;/a&gt;
  &lt;/div&gt;--&gt;
  </code></pre>
  
  <p>api-example.component.ts</p>
  
  <pre><code>import { Component } from '@angular/core';
  import {Observable} from 'rxjs/RX';
  import 'rxjs/Rx';
  
  import {FormsModule, FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
  import {Http} from '@angular/http';
  
  @Component({
      selector: 'api-app',
      templateUrl: './app/rx/api-example.component.html'
  })
  
  export class RxApiExampleComponent {
      searchForm: any
      results$: Observable&lt;any&gt;
  
      constructor(private _formBuilder: FormBuilder, private http: Http) {
          const API_URL = ''
          const API_KEY = ''
  
          this.searchForm = this._formBuilder.group({
              'search': ['',Validators.required]
          })
  
          this.results$ = this.searchForm.controls.valueChanges
          .subscribe(value=&gt;console.log(value))
      }
  }
  </code></pre>
  
  <p>app.module.ts</p>
  
  <pre><code>import { NgModule }      from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { AppComponent }   from './app.component';
  import { RxExampleComponent } from './rx/rx-example1.component'
  import { RxApiExampleComponent } from './rx/api-example.component'
  import {NavBarComponent} from './nav/navbar.component'
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  
  @NgModule({
      imports: [BrowserModule, FormsModule, ReactiveFormsModule ],
      declarations: [
          AppComponent,
          RxApiExampleComponent,
          RxExampleComponent,
          NavBarComponent
      ],
      bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>Thanks.</p>