如何使用angular2根据过滤后的列表对主数据进行过滤

ng generate pipe filterByList

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

@Pipe({
  name: 'filterByList'
})
export class FilterByListPipe implements PipeTransform {

  transform(items: any[], filterList: any[]): any[] {
    if (!items || !filterList) {
      return items;
    }
    return items.filter(item => filterList.includes(item));
  }

}

<ul>
  <li *ngFor="let item of mainDataList | filterByList:filteredList">
    {{ item }}
  </li>
</ul>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  mainDataList = ['apple', 'banana', 'cherry', 'date'];
  filteredList = ['banana', 'date'];
}