角度のモデルプロパティでデータバインディングが機能しない

Question

私は学習中にAngularアプリケーションをまとめようとしています。モデルプロパティでデータバインドを使用するのに問題があります。

Iモデルを有する：のテンプレートに

import { Announcer} from '../models/announcer.model' 

    ....some code omited 

announcer: Announcer 
loading: Boolean 

constructor(private http: Http) { } 

ngOnInit() { 
     this.getRegister(); //I use this code to set the announcer variable 
} 


getRegister() : void 
{ 
    this.loading= true; 
    this.http.request('http://www.example.com/apiannouncer/show/0').subscribe((res: Response) => { 
    var result = res.json(); 



    this.announcer= new Announcer(result.name); 
    this.loading= false; 
}) 

}

：

export class Announcer{ 
    constructor(public name: string){} 
    } 

Iはregister.component.tsでモデルをインポートをannouncer.model.ts register.component.ts私はこれを使用できません：

<div> {{ announcer.name }} </div> 

私はこのメッセージが表示されます。

Uncaught (in promise): Error: Error class - inline template:2:5 caused by: self.context.announcer is undefined 

Answer 1

あなたがhereとhereを見てみましょう、あなたの意見でcontrollerAs構文を使用する必要があります。

これにテンプレートを変更

：

<div ng-controller="MyController as vm" 
    <div> {{ announcer.name }} </div> 
</div> 

何それがないと、単に$scopeであなたのクラスのインスタンスを入れてvm経由$scopeにそのクラスを利用可能にしています。