angular - 像 *ngIf 一样使用 'as'

Question

使用 *ngIf 时，您可以执行类似 *ngIf = (value$ | async).property as prop 的操作然后使用 prop在整个代码中无需重复很长的 (value$ | async).property 每一次。但是，这只适用于 (value$ | async).property是一个真实值 - 例如，如果它为零，则不是。
我的问题是 - 我怎样才能获得 as 的好处？但仍然有元素显示值是否为假？或者更好的是，有没有办法使用 as在 *ngIf 之外或之类的？

Answer 1

PMO1948，“诀窍”是创建一个对象，归功于 Yury Katkov

<div *ngIf="{values: (value$ | async)} as prop">
    ..inside use, e.g.
    {{prop.values?.property}}
    <div *ngIf="!prop.values">
        the observable return nothing
    </div>
</div>

如 "value$ |async"什么都不返回， *ngIf反正存在
Sample Demo