Eğik 2: o Açısal 2 bileşeninde bilinen yerli mülk

Question

olmadığından x bağlamak değil miyim ben authbox.component.ts tarayıcısında

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; 

} 

Ben hatalar Can not bağlama «var bilinen bir yerel özellik olmadığından 'NgModel' seçeneğine »ve« »NgIf 'bağlanılamıyor, çünkü bu bilinen bir yerel özellik değil».

kullanıyorum beta 8.

Answer 1

çalışırken [(ngModel)] yerine *NgModel ve *ngIf yerine Genelde

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

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

Answer 2

*NgIf, HTML'nizde bir yazım hatası olduğunda can't bind to xxx since it isn't a known native property hata oluşur kullanarak deneyin bir özellik yönergesini kullanmak veya bir özellik bağını kurmaya çalışırken. Eğer bir * veya # veya let kaçırmak veya in yerine of kullandığınızda

yaygın örnekleri şunlardır Açısal yerleşik yapısal direktifleri:

<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" 

bir yazım hatası ya da sorunu yaratacaktır yanlış durum: : DOM eleman veya bileşen üzerinde bulunmayan bir özelliği belirtirseniz

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

diğer nedeni ise:

yazım hatası yerleşik yönergesi seçicileri herhangi uymuyor çünkü kurulum için Açısal çalışır bir (DOM öğesinin bir özelliğe bağlamayerleşik Eğik direktifleri yazım hataları için

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

---

, Yukarıdaki örnekte div) yazım hatası adıyla. Bu, bir div, yerel bir ngIf veya ngFer veya prop1 DOM özelliğine sahip olmadığı için başarısız olur. <svg [attr.height]="myHeightProp">