【问题标题】:How to use custom pipes in Angular 2如何在 Angular 2 中使用自定义管道
【发布时间】:2016-12-11 22:44:01
【问题描述】:

所以我关注了这个帖子access key and value of object using *ngFor

但是我收到“找不到管道错误”。

  • 我已经做到了@Pipe({name: 'keys'})

  • 我已经导出了这个类。

  • 我已经在我的 app.module.ts 中导入了它

  • 我已将其放入声明中

  • 我已将它包含在我的 app.component.ts 中(我正在使用它)

我还缺少什么?

【问题讨论】:

  • 不要描述你的代码。发表它。不要描述错误。发布它。
  • 我想关闭它,但 stackoverflow 警告我不要关闭它:\

标签: angular typescript ngfor


【解决方案1】:

使用以下命令创建管道: ng g p double

如果您使用的是 angular2 cli,那么您只需要添加过滤器,例如 `{{ mytext |在您的模板 html 中加倍 }}

无需在组件中添加文件,但检查管道是否应包含在 app.module.ts @NgModule({declarations: [DoublePipe]}) 中。

【讨论】:

    【解决方案2】:

    您是否已将其放入您的AppModuleproviders 列表中?

    【讨论】:

    • 由于某种原因它现在可以工作了...应该在declarations 还是providers 中?因为它现在在声明中并且有效。也许我只是没有让它更新……Angular 2 似乎存在缓存问题,除非您删除缓存,否则它不会显示更新。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-12-07
    • 2016-10-02
    • 2017-10-11
    • 2023-04-03
    • 1970-01-01
    • 2017-04-16
    • 1970-01-01
    相关资源
    最近更新 更多