如何将自定义管道返回的过滤数据传递给子组件？

Question

父组件

<app-search-bar (sender)="searchVideo($event)"></app-search-bar>

<ng-container *ngFor="let video of videos | search: query; let i=index;">
...
</ng-container>

<app-pagination (sender)="setStartEnd($event)"></app-pagination>

定制管道

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'search'
})
export class SearchPipe implements PipeTransform {

  transform(value: any, args: any): any {
    if(!value){
      return null;
    }
    if(!args){
      return value;
    }
    args = args.toLowerCase();
    return value.filter((data: any) => {
      return JSON.stringify(data).toLowerCase().includes(args);
    })
  }

}

子组件（应用分页）

<div class="pagination" *ngIf="videos.length > 3">
...
</div>

我需要获取自定义管道返回的过滤数据，以便在它的帮助下处理分页组件中的页数。

Answer 1

在这种情况下，可能不要使用管道。 将该逻辑移动到父组件并与模板中需要它的任何组件共享输出

或者，您也可以使用管道两次（尽管对我来说它的逻辑在父类中，而不是管道）