为什么AsyncPipe在{{}}评估不同，* ngIf

Question

<div *ngIf="!!(result$ | async)"> 
    {{!!(result$ | async)}} 
</div> 

我希望它是空白的，然后显示true。令人惊讶的是，它显示false然后true。 {{}}和*ngIf有没有不同的评估机制？ result$类型为Observable<{ products: any[] }>。

constructor() { 
    this.result$ = Observable.of("Dummy!").delay(3000); 
} 

Answer 1

的实际原因Angular2发行版本是，观察到在result$是冷的，并得到重新运行每次它叫。在我的标记中有两个要求result$ | async。我需要创建一个实际的变量来存储订阅的值，或者添加share运算符到observable以防止重新运行。

变通办法有一个issue on github。