Der Versuch, eine benutzerdefinierte Pipe zu schreiben, um einige Elemente zu verbergen.Angular 2 Filter Pipe
import { Pipe } from '@angular/core';
// Tell Angular2 we're creating a Pipe with TypeScript decorators
@Pipe({
name: 'showfilter'
})
export class ShowPipe {
transform(value) {
return value.filter(item => {
return item.visible == true;
});
}
}
HTML
<flights *ngFor="let item of items | showfilter">
</flights>
COMPONENT
import { ShowPipe } from '../pipes/show.pipe';
@Component({
selector: 'results',
templateUrl: 'app/templates/results.html',
pipes: [PaginatePipe, ShowPipe]
})
Mein Element die Eigenschaft sichtbar ist, die wahr oder falsch sein kann.
Aber nichts zeigt, ist etwas falsch mit meiner Pfeife?
glaube, ich meine Pfeife funktioniert, denn wenn ich das Rohr Code zu ändern:
import { Pipe } from '@angular/core';
// Tell Angular2 we're creating a Pipe with TypeScript decorators
@Pipe({
name: 'showfilter'
})
export class ShowPipe {
transform(value) {
return value;
}
}
Es werden alle Elemente zeigen.
Dank
Haben Sie 'pipes: [ShowPipe]' zu der Komponente hinzugefügt, in der Sie die Pipe verwenden? Ich kann nichts in Ihrem Code falsch sehen. –
aktualisierter Code ... – tony
Was passiert, wenn Sie es zu einem unreinen Rohr machen? '@ Pipe ({ Name: 'showfilter', rein: falsch })' – PierreDuc