角度2：それは角度2の成分で知られているネイティブのプロパティ

Question

ではないので、私はブラウザでauthbox.component.ts

import {Component} from 'angular2/core'; 
import {COMMON_DIRECTIVES} from 'angular2/common'; 
import {Credentials} from './credentials' 


@Component({ 
    selector: 'authbox', 
    template: `<div> 

    <div class="login-panel" *NgIf="!IsLogged"> 
          <input type="text" *NgModel="credentials.name" /> 
          <input type="password" *NgModel="credentials.password" /> 
          <button type="button" (click)="signIn(credentials)">→| Sign In</button> 
         </div> 
         <div class="logged-panel" *NgIf="IsLogged"> 
          <span>{nickname}</span>&nbsp;&nbsp; <button type="button" (click)="signOut()">|→ Sign out</button> 
         </div> 

    </div>`, 
    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; 

} 

を持つXにバインドできません私ははバインドできません«エラーを得ました「NgModel」は既知のネイティブプロパティではないため、»および「」はNgIfにバインドできません。これは既知のネイティブプロパティではないため、»です。

私はむしろ代わりに、一般的には*NgIf

<span>{{nickname}}</span>&nbsp;&nbsp; <button type="button" (click)="signOut()">|→ Sign out</button> 

export class AuthBoxComponent { 
    nickname="guest"; 
    ... 
} 

Answer 1

を使用していますしようとしたとき、あなたのHTMLにタイプミスがある場合、can't bind to xxx since it isn't a known native propertyエラーが発生します属性ディレクティブを使用するか、プロパティー・バインディングをセットアップしようとしているとき。あなたが*または#またはletを欠場かビルトイン構造の指令角度でinの代わりofを使用する場合

一般的な例としては、以下のとおりです。

<div ngIf="..."     // should be *ngIf 
<div ngFor="..."    // should be *ngFor="..." 
<div *ngFor="let item in items" // should be "let item of items" 
<div *ngFor="item of items"  // should be "let item of items" 

スペルミスや間違った場合も、問題を生成します。 ：あなたはDOM要素またはコンポーネントに存在しないプロパティを指定した場合

<div *ngFer="..." 
<div *NgFor="..." 

もう一つの理由は、次のとおりです。

タイプミスが内蔵されたディレクティブのセレクタのいずれにも一致しないため、セットアップに角度試みは（DOM要素のプロパティに結合内蔵の角度指令にタイプミスのために

<div [prop1]="..."  // prop1 isn't a valid DOM property for a div 
<my-comp [answr]="..." // typo, should be [answer] 

---

、上記の例ではdiv）を入力します。これは、divにネイティブngIfまたはngFerまたはprop1 DOMプロパティがないために失敗します。

- 属性（プロパティではない）のために

あなたはsvgのheight属性の例えば、結合属性を使用する必要があります：<svg [attr.height]="myHeightProp">

Answer 2

の*NgModelと*ngIfより[(ngModel)]を使用してみてくださいベータ8.