2016-08-23 24 views
1

は私が私が答えにいくつかの例を参照してくださいしかし、観察可能Angular2:AsyncPipeと観測、プロパティを取得することはできません(TypeError例外:プロパティ...ヌルのを読み取ることができません)

によって返されたオブジェクトのプロパティを取得しようだから、私のアプリでは、私はエラーが発生します。それは私が安全ナビ演算子を使用することをお勧めしたよう

http://plnkr.co/edit/X5xNDOFmCpLOnzv4X0xo?p=preview

@Component({ 
    selector: 'my-app', 
    providers: [AppService, HTTP_PROVIDERS], 
    template: `<h1>.?</h1> 
    <div *ngIf = "data$"> 
     {{(data$ | async)?.total}} 
    </div>` 
}) 
export class AppComponent { 
    data$ : Observable<any> = null; 

    constructor (private appservice : AppService) {} 

    ngOnInit(){ 
    this.data$ = this.appservice.getData(); 
} 
} 

が、それは助けにはならない(。?):同じエラーがPlunkerに再現されます。

+1

にバインドする必要が回避策として

すでに固定されています)https://github.com/angular/angular/issues/10639 –

答えて

2

RC.5バグhttps://github.com/angular/angular/issues/10639を導入しているため、現在動作していません。あなたは、コードに加入し

this.appservice.getData().subscribe(data => this.data = data); 

のようなプロパティに割り当て、私の知る限り、彼らはRC.5のバグを導入覚えている(あるべきdata

+0

ok、これは私が知っているが、私はそれがどのように動作するのか理解したいのですか?オペレーター。 – DicBrus

+0

私は上記の私のコメントに言及した。現在動作していません。私は自分の答えを更新しました。 –

+0

ありがとう、本当に助けられました – DicBrus

関連する問題