Angular 2:在模型中显示Observable的结果

Angular 2: Displaying result of Observable in model

我们有一个包含 Observable 的模型。它基本上是一个 "proxied" 图形数据库。 JavaScript 中的一个对象是远程图形数据库中的一个顶点。获取 属性 的值(如果不是原始值)是通过 Observable 和 HTTP 请求完成的。

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

我可以尝试的一件事是模型 class 的 1:1 副本,仅使用普通参考而不是 Observable,并将其填充到 return。

此外,我的情况是我需要一个 属性 对象 return 由 observable 编辑。在此,statsFilesByTypeJavaPercentObservable:

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

那我该如何食用呢?

好的,知道了...可以使用 AsyncPipe,在 Angular 2 个模板中使用语法 ... | async 管道:

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

很有用。这里是 some tutorial on the topic.

然后如果需要 Observable 给出的对象的 属性,语法如下:

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

另外我想我可以创建一个特殊的组件,将结果作为输入并显示 .quantity