DokuWiki

input → pipe → output

<pipe> ici on applique le pipe <pipe> à <valeur> voir angular.io/docs.ts/latest/api → taper pipe dans le moteur DatePipe === fabriquer un pipe === exemple_de_pipe.pipe.ts <code> import {Pipe} from 'angular2/core'; @Pipe({ name: 'exemple_de_pipe', nom du pipe })

export class ExempledePipe {

transform(pipeData, [pipeModifier]) {
  return pipeData.filter((eachItem) => {
    return eachItem['name'].toLowerCase().includes(pipeModifier.toLowerCase()) ||
           eachItem['reknown'].toLowerCase().includes(pipeModifier.toLowerCase());
  });
}

}

</code>

// app.component.ts
import {ExempleDePipe}} from 'path';

@Component({
  pipes: [ExempleDePipe],
})

// app.html
<li *ngFor="#item of (objects) | find:query></li>

…