Angular2:AsyncPipe和Observable,无法检索属性(TypeError:无法读取属性...的null)

时间:2016-08-23 07:27:02

标签: javascript asynchronous angular observable

我尝试检索Observable返回的对象的属性

但是我在SO的答案中看到了一些例子,在我的应用程序中我得到了错误。 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();
 }
}

因为它建议我使用安全导航器操作符(?。),但它没有帮助。

1 个答案:

答案 0 :(得分:2)

RC.5引入了一个错误https://github.com/angular/angular/issues/10639,因此目前无效。

作为一种解决方法,您需要订阅代码并分配给

等属性
data

然后绑定到lFolder = Getfile() lFilename = lFolder + “mytable.dbf” USE &lFilename IN 0 ALIAS . . .