是否有可能重写内置的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 
    ] 
})