Angular 在模板中存储多次使用的可观测值的解析值
我希望在角度模板中实现以下目标:Angular 在模板中存储多次使用的可观测值的解析值,angular,rxjs,Angular,Rxjs,我希望在角度模板中实现以下目标: <div *ngIf="let resolved = (observable$ | async)"> <span>{{resolved.property1}}</span> <span>{{resolved.property2}}</span> <span>{{resolved.property3}}</span> </div> {{resolved.
<div *ngIf="let resolved = (observable$ | async)">
<span>{{resolved.property1}}</span>
<span>{{resolved.property2}}</span>
<span>{{resolved.property3}}</span>
</div>
{{resolved.property1}}
{resolved.property2}
{resolved.property3}
我在控制器中有一个observable,我想在模板中多次使用它的异步结果。整个
应该只在可观察对象接收到一个值时才呈现
我知道上面的代码不是这样工作的,因为*ngIf
微语法不允许这种let
语句。我发现真正实现这一点的唯一方法是创建一个自定义组件,并将(observable$| async)
作为输入,以便在组件的控制器中提供解析值
但我认为这是一个标准问题,必须有一个更简单的解决方案。最好的方法是什么?你已经很接近了,
as
{{resolved.property1}}
{resolved.property2}
{resolved.property3}
解析后的(可观察的$|异步)是否有效?就像这样:
真的!现在我觉得自己很愚蠢,因为我不知道这件事!