Angular2：AsyncPipe和可觀的，不能檢索屬性（類型錯誤：無法讀取...空的屬性）

Question

我嘗試但我看到一些例子中，在回答檢索由可觀察

返回對象的屬性所以，在我的應用程序，我得到錯誤。同樣的錯誤轉載於Plunker：

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(); 
} 
} 

因爲它建議我使用安全導航操作，但它並不能幫助（？）。

Answer 1

RC.5引入了一個bug https://github.com/angular/angular/issues/10639因此這目前不起作用。

當你需要在代碼中訂閱並分配給屬性像

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

，然後綁定到data