2016-10-31 39 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