我非常喜欢* ngFor指令的语法.
您可以迭代数组的所有元素.
您可以迭代数组的所有元素.
我想用管道的结果实现同样的目的.例如异步管道.
当我在我的模板中放置异步管道时,我使用了一个可观察结果的属性,我有很多订阅,我的模板混乱了{{(someObservable $| async)?.propertyName}} .
有没有办法简单地将管道的当前结果绑定到这样的模板输入变量?
<div let="currentValue = someObservable$| async"> {{currentValue?.foo}},{{currentValue?.bar}} ... </div>
我和* ngIf一起尝试了这个,但这似乎不是一个有效的模板表达式:
<div *ngIf="let currentValue = someObservable$| async"> {{currentValue?.foo}},{{currentValue?.bar}} ... </div>
解决方法
是!从角度4开始:
<div *ngIf="userObservable | async; else loading; let user"> Hello {{user.last}},{{user.first}}! </div> <template #loading>Waiting...</template>