eckig 2 sequentielle Rohre

Question

Wie verwende ich zwei Rohre nacheinander?

Speziell meine Threads haben ein Lesezeichen: Boolesche Eigenschaft sowie Tag-Eigenschaften (Einheit, Aufgabe, Teilaufgabe). Also, was ich erreichen will ist, dass das erste Rohr alle Themen Filter, die vorgemerkt werden, gelten dann die zweite Leitung (unten)

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

In der Tat gibt es nichts Besonderes zu tun. Das zweite Rohr wird den Wert aus dem vorherigen erhalten:

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

Zum Beispiel, wenn ich ein Array habe [ 'val1', 'val2', 'val3' ] und mit den folgenden Leitungen:

@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'; 
    }); 
    } 
} 

durch den folgenden Ausdruck in einem ngFor Verwendung:

#elt of data | pipe1 | pipe2 

data | pipe1 wird [ 'val2', 'val3' ] zurückkehren und [ 'val3' ] zurück, wenn wir die 0.123.824 anwendenzum vorherigen Ergebnis.

Siehe die entsprechende Plunkr: https://plnkr.co/edit/EpKMitR3w89fRiyGYQz7?p=preview.