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

Sci*_*ion 2 typescript angular

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

private myCustomPipe = new CustomPipe()
this.myCustomPipe.transform(...)
Run Code Online (Sandbox Code Playgroud)

但是,由于我确实迁移了应用程序,因此我在新的CustomPipe()上出现错误(我确实将注入从我的组件移动到我的模块的声明).

在app.module.ts中:

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

任何想法如何在Rc.6中实现这一点?

Gün*_*uer 5

如果要在代码(组件,服务......)中使用它,不仅要在视图中,还需要将其添加到提供程序中

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