ngif保持假的，即使它的值是正确

Question

我的代码如下所示：

component.ts

export class ViewScaleComponent implements OnInit { 
    private range$: Observable<number>; 
    constructor(private store: Store<AppState>) {} 

    ngOnInit() { 
     this.range$ = this.store.select(x => x.view.range); 
    } 
} 

component.html：

<div *ngIf="(range$ | async)"> 
    here {{ range$ | async }} 
</div> 

股利留在评论DOM，一个角度的鬼魂。

如果我删除ngif，则会出现div，但数据插值不会提取任何内容（仅此处和下面的空格出现）。

如果ngOnInit()我做的：

this.range$ = this.store.select(x => x.view.range).do(x => console.log(x)); 
console.log("on init " + this.range$); 

然后我得到：

on init [object Object] 
undefined 
21 

其中最后两个控制台日志来自同一行（do()）。我想知道第一个undefined是不是显示di的原因。

值得一提的是，有时它工作（我看到了div和预期正在更新的range$值）。

任何想法？

PS：我读了angular 2 ngIf with observable?，但可观察的和async的组合看起来很像我的。

Answer 1

你不需要的ngIf这只是把{{ range$ | async}}

更新

range:any ; 
ngOnInit() { 
    this.store.select(x => x.view.range).subscribe(x => this.range = x); 
} 

模板

<div *ngif="range"> 
    here {{ range }} 
</div>