2016-10-27 4 views
0

habe ich ein neues Rohr:Angular 2 mit benutzerdefinierten Rohr

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'reverse' 
}) 
export class ReversePipe { 
    transform(arr) { 
    var copy = arr.slice(); 
    return copy.reverse(); 
    } 
} 

es in meiner Komponente Importierte:

import { ReversePipe } from '../reverse.pipe'; 

Auch hier:

pipes: [ReversePipe] 

aber wenn ich betreibe meine app Ich bekomme

The pipe 'reverse' could not be found 

Was habe ich verpasst?

Antwort

1

In dem Modul, das Sie das Rohr

import { ReversePipe } from '../reverse.pipe';

Und dann in den Erklärungen

NgModule({ 
declarations: [ 
     <...>, 
     ReversePipe 
    ] 

Dies macht den Namen für die Template Erstellung zur Verfügung verwenden möchten.

Verwandte Themen