是否有可能重寫內置的Angular 2管道，以便它們可以在全球範圍內使用？

Question

我想重寫「日期」管道並享受全局訪問的好處，就像內置管道一樣，避免在每個組件註釋中導入和使用管道數組。這可能嗎？

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