組み込みのAngular 2パイプをオーバーライドして、グローバルに使用することは可能ですか？

Question

"date"パイプをオーバーライドして、組み込みパイプのようにどこでもグローバルアクセスの利点を享受したいと思います.-すべてのコンポーネントアノテーションでpipes []配列をインポートして使用する必要はありません。これは可能ですか？

Answer 1

はい、PLATFORM_PIPESを使用して、パイプdateをハイジャックするカスタムパイプと名前を追加できます。

@Pipe({ 
    name : 'date' // Hijacks the 'date' pipe 
}) 
class CustomDatePipe { 
    transform(val, args) { 
    return /* do something new with the value */; 
    } 
} 

@Component({ 
    selector: 'my-app', 
    template : '{{mydate | date}}', 
}) 
export class App { 
    mydate = Date.now(); 
} 

// Provides the CustomDatePipe globally 
bootstrap(App, [provide(PLATFORM_PIPES, {useValue: [CustomDatePipe], multi: true})]); 

このようにして、コンポーネントのpipesプロパティに毎回指定する必要はありません。

ここには、例として働いているplnkrがあります。

Answer 2

はい、次の方法で使用PLATFORM_PIPES

https://angular.io/docs/ts/latest/api/core/index/PLATFORM_PIPES-let.html

import {PLATFORM_PIPES} from '@angular/core'; 
import {OtherPipe} from './myPipe'; 
@Component({ 
    selector: 'my-component', 
    template: ` 
    {{123 | other-pipe}} 
    ` 
}) 
export class MyComponent { 
    ... 
} 
bootstrap(MyComponent, [{provide: PLATFORM_PIPES, useValue: [OtherPipe], multi:true}]); 

Answer 3

エリック・マルティネス」答えは正常に動作します！ PLATFORM_PIPESはAngular4で廃止予定です。 Angular4のプラットフォームパイプは、app.modulesを介して設定されます。

/** 
* `AppModule` 
*/ 
@NgModule({ 
    ... 
    providers: [ 
     ... 
     CustomDatePipe 
    ] 
})