Angular 如何将let值（在*ngFor内）从模板共享到.ts

我希望使用pipeasync与.ts组件共享插值值{{ticketType.name}}，以使用该值。事实上可能吗

以下是模板代码：

<mat-option *ngFor="let ticketType of ticketTypesQuery.list$ | async" [value]="ticketType.id">
       {{ticketType.name}}
</mat-option>

{{ticketType.name}

这个问题目前还不太清楚，但您可以通过管道将任何RxJS操作符连接到组件控制器（*.ts）中可观察到的源，以使用它的通知

例如，如果您只希望使用从可观察对象发出的值而不修改它，则可以使用

点击
操作符。试试下面的方法

控制器（*.ts）

从'rxjs'导入{Observable}；
从“rxjs/operators”导入{tap}；
导出实现OnInit的组件{
列表$：可观察的；
构造函数（）{}
恩戈尼尼特（）{
this.list$=this.ticketTypesQuery.list$.pipe(
轻触（票证类型=>{
//使用“ticketTypes”阵列发射来自可观察对象
})
);
}
}

模板（*.html）

您还可以将
async
管道包装在
中，以便在没有另一个
async
的情况下重用其排放。请注意，每个
async
管道将触发一个单独的冷可观测订阅


{{ticketType.name}
这个问题目前还不太清楚，但您可以通过管道将任何RxJS操作符连接到组件控制器（*.ts）中可观察到的源，以使用它的通知

例如，如果您只希望使用从可观察对象发出的值而不修改它，则可以使用
点击
操作符。试试下面的方法

控制器（*.ts）

从'rxjs'导入{Observable}；
从“rxjs/operators”导入{tap}；
导出实现OnInit的组件{
列表$：可观察的；
构造函数（）{}
恩戈尼尼特（）{
this.list$=this.ticketTypesQuery.list$.pipe(
轻触（票证类型=>{
//使用“ticketTypes”阵列发射来自可观察对象
})
);
}
}

模板（*.html）

您还可以将
async
管道包装在
中，以便在没有另一个
async
的情况下重用其排放。请注意，每个
async
管道将触发一个单独的冷可观测订阅


{{ticketType.name}