如何在模板中设置上下文变量

Question

我希望我的页面依赖于从Observable发出的模型对象。如果对象是一个名单，我会使用

<div ngFor="let currentListItem of myObservable | async" > 

然而，ngFor是不适用的，因为我没有的型号列表，但只有一个。有什么样

​​

这将让我像这样访问

<div ngContext="let currentItem of myObservable |async" > 
    <label>{{currentItem.name}} 
</div> 

Answer 1

CURRENTITEM的属性可以在角4使用as关键字与*ngIf*：

<div *ngIf="myObservable | async as currentItem"> 
    <label>The current item's name is {{currentItem.name}}</label> 
</div> 

我猜测它可以工作，但似乎不起眼。我不需要IF，它应该始终显示...

嗯，这就是做你想做什么的唯一方式。 *ngIf没有伤害;它会阻止我添加的文本（当前项目的名称是）从显示直到observable发出，这可能是您想要的。