如何将异步管道放入自定义管道

时间:2019-05-15 09:17:44

标签: angular typescript

我想创建一个使用observable方法的直角管道,因为当我想使用此管道时,我应该返回observable,因此必须将async管道和我的管道放在一起

有什么方法可以在管道中放置异步管道吗?

@Pipe({
  name: 'toEnum'
})
export class ToEnumPipe implements PipeTransform {
  constructor(private translate: TranslateService) {}

    transform(value: number, model: EnumModel[]): Observable<string> {
    const txt = model.filter(x => x.value === value).map(x => x.text)[0];
    return this.translate.get(txt);
  }
}

1 个答案:

答案 0 :(得分:0)

万一这不是所有人都知道的话,那就像...

<div *ngFor="let product of (products$ | async | searchFilter: (query$ | async) )">

请注意,异步管道操作中已经包含了括号(query $ | async)。