如何在 html 中使用 observables（角度）答案

【问题标题】：how to use observables in html (angular)如何在 html 中使用 observables（角度）
【发布时间】：2016-06-05 22:53:59
【问题描述】：

我有一个具有可观察属性的类

isPossible: Observable<boolean>;

我想从另一个类 html 文件中使用它...所以我知道我需要使用带有异步的管道...我知道这就是您在 html 中使用 observables 的方式...但我没有了解我是如何使用它的吗？

我有一个简单的 ngIf 条件，我想像这样使用它：

<div *ngIf="isPossible" layout="row" layout-align="center">
    <button md-raised-button class="md-raised md-primary" (click)="onPossibleClicked()">
      Select
    </button>
  </div>

我如何使用这个管道以便这个 html 可以工作？

【问题讨论】：

标签： html angularjs angular pipe

【解决方案1】：

所以我知道我需要使用带有异步的管道

这是正确的。你只需要像这样改变你的 *ngIf ：

<div *ngIf="isPossible | async" layout="row" layout-align="center">

通过添加| async，ng2 将使用可观察（或承诺）值而不是isPossible 的直接值。

【讨论】：

请在此处 (or.stackexchange.com/questions/5147/…) 在这里 (math.stackexchange.com/questions/1095760/…) 和此处 (math.stackexchange.com/questions/8393/…) 提供帮助

【解决方案2】：

这就是async 管道的用途，您可以像这样使用它

<div *ngIf="isPossible | async" layout="row" layout-align="center">

它订阅 Observable 或 Promise 以获取有关发出值的通知。

更多关于可用（内置）管道以及如何使用它们https://angular.io/docs/ts/latest/guide/pipes.html

【讨论】：