在模态页面的情况下找不到管道“”

Question

我在文件夹 app/pipes/safepipe 中有一个管道。

如果我在 app/home 中调用此管道，它会起作用。

注意：我已经在home.module.ts

导入声明了

如果我不在 home page 上使用此管道并尝试在 app/modals/viewdreportmodal 上创建的页面中使用，我会收到错误消息

注意：我在 home page 上使用这个 modal page。

The pipe 'safe2' could not be found ("
    <ion-text>
      {{daily_report_desc }}
      <span [innerHtml]="[ERROR ->]daily_report_desc | safe2: 'html'">{{daily_report_desc}}</span>
      </ion-text>
    <ion-text>
"): ng:///HomePageModule/ViewdreportmodalPage.html@17:25

我不明白为什么编译器无法在模态页面中识别我的管道。

Answer 1

选项 1 - 您必须导入 app.module.ts 中的管道或 app/modals 中的模块。

选项 2- 您可以导出 home 模块并在 app/modals 内的模块中导入它。

在 home.module.ts 中就像下面的 img 导出你的管道，在 viewdreportmodal.module.ts 中导入你的主模块

Answer 2

您需要将管道添加到交付 ViewdReportModalComponent 的模块。

你的情况是 viewdreportmodal.module.ts

在该模块的提供程序数组中：

...
providers: [SafePipe]
...

在模态页面的情况下找不到管道“”

pipe ' ' could not be found in case of modal page

angular

typescript

ionic-framework

ionic3

ionic4