Angular 2：在模型

Question

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

如何在Angular 2中有效地渲染这样的模型？

我可以尝试的一件事是模型类的1：1副本，只有正常引用而不是Observable，并在返回时填充它。

另外，我的情况是我需要observable返回的对象的属性。在此，statsFilesByTypeJavaPercent是Observable：

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

那我该如何消费呢？

Answer 1

好的，得到它......可以使用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。