ion-select 使用管道变换，如何设置默认值？

Question

我在 <ion-select-option *ngFor="let item of collection | myPipe:someValueToFilter" [value]="item"> 上使用管道转换，管道会进行一些过滤、映射和排序。

如何在管道转换后将转换后的集合中的 <ion-select [(ngModel)]="selectedItem"> 内的默认值设置为 selectedItem？（假设转换后的集合中的第一项）

Answer 1

我认为您可以在 component.ts 文件中使用管道而不是像这样的模板：

@Component({
  ...
  providers: [MyPipe]
})
...
contractor(private myPipe: MyPipe)

然后在您的方法或 ngOnInit 钩子中使用您的管道过滤您的数据并在您需要的地方使用它的值，例如，设置为所选项目。

 handleMyData(data): any {
  this.collection = this.myPipe.transform(data, filters)
  this.selectedItem = this.collection[0]
}

ion-select using pipe transform, how to set default value?