2016-10-31 35 views
0

我们有一个模型,其中包含Observable's。它基本上是一个“代理”图形数据库。 JavaScript中的对象是远程图形数据库中的顶点。通过Observable和HTTP请求来获取属性的值(如果不是原始的)。角度2:在模型中显示Observable的结果

如何在Angular 2中有效地渲染此类模型?

我可以尝试的一件事是模型类的1:1副本,只有正常参考而不是Observable,并填写返回。

此外,我的情况是,我需要由observable返回的对象的属性。在此,statsFilesByTypeJavaPercentObservable

Java {{technologiesStats?.statsFilesByTypeJavaPercent?.quantity}} % 

那么,如何使用它?

回答

2

好,我知道......人们可以在角2个模板中使用AsyncPipe,与语法... | async管:

<li *ngFor="let item of items | async">{{item}}</li> 

非常有用。这里是some tutorial on the topic

然后如果需要用Observable给出一个对象的属性,这是语法:

Java {{(technologiesStats.statsFilesByTypeJavaPercent | async)?.quantity}} % 

此外,我想我可以创建一个特殊的组件,用于将采取的结果作为输入和显示.quantity