jak utworzyć i wywołać rurę z komponentu w kancie 2?

Question

Chcę utworzyć dynamiczną rurę, którą mam wywołać z komponentu.

import {Component, Pipe, PipeTransform} from 'angular2/core'; 

@Pipe({ name: 'filter', pure: false }) 
export class filter implements PipeTransform { 
    transform(value) { 
    this.items1=value; 
    this.ticket1 = []; 
    if (this.items1.length >0) { 
     for (var i = 0; i < this.items1.length; i++) { 
     this.ticket1.push(this.items1[i]) 
     } 
    } 
    } 
} 

Chcę nazwać tę rurę ze składnika.

Answer 1

Trzeba speciufy go w atrybut komponentu

@Component({ 
    pipes: [ filter ] 
}) 
export class MyComponent { 
    (...) 
} 

pipes i używać go w szablonie:

{{someArray | filter}} 
<div *ngFor="someArray | filter">(...)</div> 

Edytuj

Jeśli chcesz wywołać rura bezpośrednio w klasie komponentu, należy utworzyć instancję i wywołać jej metodę tranform:

@Component({ 
    (...) 
}) 
export class MyComponent { 
    constructor() { 
    let filterPipe = new filter(); 
    let arr = [ ... ]; 
    var fiteredArr = filterPipe.transform(arr); 
    } 
    (...) 
} 

Answer 2

Musisz zarejestrować rur, których chcesz użyć w części:

@Component({ 
    ... 
    pipes: [filter], 
    template: ` 
<div *ngFor="let item of someData | filter">{{item}}</div> 
` 
    ...}) 
class SomeComponent { 
    someData = [ ... ]; 
} 

@NgModule({ 
    imports: [CommonModule], 
    declarations: [filter] 
}) 
export class MyFilterModule() 

Aby rurę dostępny dodać moduł do importu, w którym chcesz używać to

@NgModule({ 
    declarations: [AppComponent, SomeComponent], 
    imports: [BrowserModule, MyFilterModule] 
}) 
export class AppModuleModule() 

Jeśli chcesz połączyć się z rury z kodem

let f = new filter(); 
f.transform(value, filterArg); 

Answer 3

w wersji RC6 trzeba zarejestrować rur, których chcesz użyć w module -> deklaracji

@NgModule({ 
    declarations: [ 
     AppComponent , 
     filter 
    ].... 

Answer 4

Chciałem tylko dodać do @ Odpowiedź pasha-oleynik. Kątowe 2+ 2+ tym Ionic wszyscy oczekują, że rura być zadeklarowane w module:

@NgModule({ 
    declarations: [ 
     AppComponent , 
     filter 
    ] 

Również jest to jedyne miejsce, które potrzebuje rura być zadeklarowane. W module lub komponencie nie ma już właściwości potoku.