wie Observablen in html verwenden (Winkel)

Question

ich eine Klasse, die eine beobachtbare Eigenschaft

isPossible: Observable<boolean>; 

und ich verwenden mag es von einer anderen Klasse HTML-Datei hat ... so verstand ich, ich brauche etwas zu verwenden, genannt Pipe mit Async ... Ich verstehe, dass dies ist, wie Sie Observables in HTML verwenden ... aber was ich nicht verstanden habe, ist, wie ich es physikalisch verwende?

Ich habe einen einfachen ngIf Zustand und ich mag es so verwenden:

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

wie verwende ich dieses Rohr so ​​funktioniert diese html?

Answer 1

Dies ist, was die async Rohr für ist und Sie es wie

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

Es zu einem abonniert Observable oder Promise bis etwa emittierten Werte benachrichtigt zu werden.

Mehr über verfügbar (eingebaut) Rohren und wie sie verwendet werden https://angular.io/docs/ts/latest/guide/pipes.html

Answer 2

so verstand ich, ich etwas namens Rohr mit Asynchron

Das ist richtig verwenden müssen. Sie müssen nur Ihre * verändern ngIf wie so:

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

Durch das Hinzufügen der | async, NG2 wird die beobachtbare (oder Versprechen) Wert anstatt den direkten Wert von isPossible verwenden.