複数の列の角4、カスタムパイプ

Question

テーブルの列データをソートするためのカスタムパイプを作成しました。角度4の各列のアイコンをクリックすると動的に呼び出されますか？それを行う方法はありますか？この部分の助けをいただければ幸いです。

コードは以下のようになります：

import { Pipe, PipeTransform } from "@angular/core"; 
import { Opportunity } from "../models/Opportunity"; 

@Pipe({ 
    name: "orderBy", 
    pure: false 
}) 

export class OrderByPipe implements PipeTransform { 
    /** 
    * Method to sort data and return sorted data 
    * 
    * @param records 
    * @param args 
    */ 
    transform(records: Array<any>, args?: any): any { 
     return records.sort(function (a, b) { 
      if (a[args.property] < b[args.property]) { 
       return -1 * args.order; 
      } 
      else if (a[args.property] > b[args.property]) { 
       return 1 * args.order; 
      } 
      else { 
       return 0; 
      } 
     }); 
    } 
} 

Answer 1

あなたがクリックイベントであなたのパイプを呼び出すことができます。

import { SortPipe } from '@angular/common'; 
... 
constructor(private sortPipe: SortPipe) {} 
... 
sort() { 
    this.dataArray= this.sortPipe.transform(this.dataArray); 
}