angular4 * ng对于多个过滤器不起作用

Question

html文件      

 [(ngModel)]="termCategory" (click)="fillterCategory($event)" 

 ngDefaultControl>{{cat.nameCategory}}</button></li>

 <div class="product col-sm-4 col-md-4 col-lg-4" *ngFor="let item of dat  | 

 filter:term | filter:termCategory">

ts文件

 fillterCategory(category){

    this.termCategory=category.target.textContent;

   console.log(this.termCategory);

  }

管道文件

 transform(dat: any, termCategory: any): any {
   if(termCategory===undefined  ) return dat;

    return  dat.filter((product)=>{

 return product.categoryId.toLowerCase().includes(termCategory.toLowerCase())

      })

 }

我正在尝试在div上应用2个过滤器。 一个通过文本输入（可以正常工作） 通过单击按钮第二次。我没有收到任何错误，但过滤器无法正常工作。 如何使用* ngFor在单个div上应用2个过滤器？