HTML 上的 Angular 6 别名

Question

我需要在 HTML 中多次使用 Angular 6 的某个元素，并且我想将该元素保存为别名，但如果指令或元素不是 *ngIf，我就无法执行此操作>.

假设我有这个代码 -

<dumb-comp
    [name]="(someObservable | async).name"
    [role]="(someObservable | async).role"
    [age]="(someObservable | async).age">
</dumb-comp>

我每次都必须使用异步管道...我想将 (someObservable | async) 保留在别名上，并在每次需要时使用它...有没有解决方案？

我想在没有 *ngIf 的情况下使用它，我想知道为什么可能只使用 *ngIf。

我知道我可以将所有数据传递给dumb-comp，但我想先过滤数据。这里的代码只是一个更大问题的示例

Answer 1

将结果赋值给变量

<dumb-comp *ngIf="someObservable | async as res"
     [name]="res.name"
     [role]="res.role"
     [age]="res.age">
 </dumb-comp>