角2の連続パイプ

Question

どのように2本のパイプを連続して使用しますか？ブール型プロパティだけでなく、タグのプロパティ（ユニット、タスク、サブタスク）：特定の私のスレッドで

<div class="thread" *ngFor="thread of threadlist | bookmarkPipe | threadPipe"></div> 

は、ブックマークを持っています。実際に それでは、私が達成したいことは、最初のパイプがブックマークされているすべてのスレッドをフィルタリングすることで、その後（下）第二のパイプを適用

export class ThreadPipe implements PipeTransform{ 

    transform(array:Thread[], [unit,task,subtask]):any{ 

    //See all Threads 
    if(unit == 0 && task == 0 && subtask == 0){ 
     return array 
    } 
    //See selected Units only 
    if(unit != 0 && task == 0 && subtask == 0){ 
     return array.filter(thread => { 
     return thread.unit === unit; 
     }); 
    } 
    //See selected Units and Tasks 
    if (unit != 0 && task != 0 && subtask == 0){ 
     return array.filter(thread => { 
     return thread.unit === unit && thread.task === task; 
     }); 
    } 
    // See selected units, tasks, subtask 
    if (unit != 0 && task != 0 && subtask != 0){ 
     return array.filter(thread => { 
     return thread.unit === unit && thread.task === task && thread.subtask === subtask; 
     }); 
    } 
    } 
} 

Answer 1

、行うには特別なものは何もありません。

@Pipe({ 
    name:'pipe1' 
}) 
export class Pipe1 { 
    transform(data) { 
    return data.filter((d) => { 
     return d!= 'val1'; 
    }); 
    } 
} 

@Pipe({ 
    name:'pipe2' 
}) 
export class Pipe2 { 
    transform(data) { 
    return data.filter((d) => { 
     return d!= 'val2'; 
    }); 
    } 
} 

ngFor

で次式を用いて：私は[ 'val1', 'val2', 'val3' ]と次のパイプの配列を有する場合、例えば

data -> Pipe1 -> filtered data (#1) -> Pipe2 -> filtered data (#2) 

：第二の管は、前のからの値を受け取ります。

#elt of data | pipe1 | pipe2 

data | pipe1[ 'val2', 'val3' ]を返し、我々はを適用した場合[ 'val3' ]を返します。を前の結果に戻します。

対応するplunkr：https://plnkr.co/edit/EpKMitR3w89fRiyGYQz7?p=previewを参照してください。