要使自定义管道在整个应用程序中可用,请在应用程序引导期间扩展PLATFORM_PIPES。
import { bootstrap } from '@angular/platform-browser-dynamic'; import { provide, PLATFORM_PIPES } from '@angular/core'; import { AppComponent } from './app.component'; import { MyPipe } from './my.pipe'; // 您的自定义管道 bootstrap(AppComponent, [ provide(PLATFORM_PIPES, { useValue: [ MyPipe ], multi: true }) ]);
此处的教程:https://scotch.io/tutorials/create-a-globally-available-custom-pipe-in-angular-2