Angular2 rc.6在组件中使用管道

时间:2016-09-06 07:09:18

标签: angular typescript

在我以前在组件中执行的rc.5中:

private myCustomPipe = new CustomPipe()
this.myCustomPipe.transform(...)

因为我确实迁移了应用程序,所以我在新的CustomPipe()上遇到错误(我确实将注入从我的组件移到了模块的声明中)。

在app.module.ts中:

@NgModule({
    declarations: [CustomPipe],
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule
    ],
    bootstrap: [AppComponent],
})
export class AppModule {}

知道如何在Rc.6中实现这个目标吗?

1 个答案:

答案 0 :(得分:5)

如果你想在代码(组件,服务......)中不仅在视图中使用它,那么你需要将它添加到提供者

@NgModule({
    declarations: [CustomPipe], // only for view
    providers: [CustomPipe], // to inject to components or services
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule
    ],
    bootstrap: [AppComponent],
})
export class AppModule {}