角度2のコンポーネントからパイプを作成して呼び出す方法は？

Question

コンポーネントから呼び出す動的パイプを作成したいと思います。

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]) 
     } 
    } 
    } 
} 

コンポーネントからこのパイプを呼び出したいとします。あなたが呼び出したい場合は

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

編集

：

Answer 1

はあなたのコンポーネント

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

のpipes属性の中でそれをspeciufyし、あなたのテンプレートでそれを使用する必要がありますパイプを直接コンポーネントクラス内に配置するには、インスタンス化してtranformメソッドを呼び出す必要があります。

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

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

可能なパイプを作るあなたが使用したいの輸入にモジュールを追加するには：

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

Answer 2

は、あなたがコンポーネントで使用するパイプを登録する必要がありますそれ

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

あなたは、あなたがモジュールで使用するパイプを登録する必要があり、バージョンRC6でコード

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

Answer 3

からパイプを呼び出したい場合は - >宣言

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

Answer 4

私はちょうどに追加したいです@パシャ・オレニクの答え。イオン2+すべてのパイプはモジュール内で宣言されることを期待するなど、アンギュラ2+：

@NgModule({ 
    declarations: [ 
     AppComponent , 
     filter 
    ] 

はまた、このパイプを宣言する必要がある唯一の場所です。モジュールまたはコンポーネントの下にパイププロパティはなくなりました。