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 编辑。在此,statsFilesByTypeJavaPercent
是 Observable
:
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
。
我们有一个包含 Observable
的模型。它基本上是一个 "proxied" 图形数据库。 JavaScript 中的一个对象是远程图形数据库中的一个顶点。获取 属性 的值(如果不是原始值)是通过 Observable
和 HTTP 请求完成的。
如何在 Angular 2 中有效渲染此类模型?
我可以尝试的一件事是模型 class 的 1:1 副本,仅使用普通参考而不是 Observable
,并将其填充到 return。
此外,我的情况是我需要一个 属性 对象 return 由 observable 编辑。在此,statsFilesByTypeJavaPercent
是 Observable
:
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
。