title: Angular 2: Can't bind to x since it isn't a known native property
body: <p>In Angular 2 component I have <code>authbox.component.ts</code></p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {COMMON_DIRECTIVES} from 'angular2/common';
  import {Credentials} from './credentials'
  @Component({
      selector: 'authbox',
      template: `&lt;div&gt;
         &lt;div class="login-panel" *NgIf="!IsLogged"&gt;
              &lt;input type="text" *NgModel="credentials.name" /&gt;
              &lt;input type="password" *NgModel="credentials.password" /&gt;
              &lt;button type="button" (click)="signIn(credentials)"&gt;→| Sign In&lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="logged-panel" *NgIf="IsLogged"&gt;
              &lt;span&gt;{nickname}&lt;/span&gt;&amp;nbsp;&amp;nbsp; &lt;button type="button" (click)="signOut()"&gt;|→ Sign out&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;`,
      directives: [COMMON_DIRECTIVES]
  })
  
  
  export class AuthBoxComponent {
  
      private _isLogged: boolean;
  
      get IsLogged(): boolean {
          return this._isLogged
      }
      set IsLogged(value: boolean) {
          this._isLogged = value;
      }
  
      public credentials: Credentials;
  
  }
  </code></pre>
  
  <p>In browser I got errors «<em>Can't bind to 'NgModel' since it isn't a known native property</em> » and «<em>Can't bind to 'NgIf' since it isn't a known native property</em>».</p>
  
  <p>I'm using beta 8.</p>