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

Posted 2023-03-13

【中文标题】在模态页面的情况下找不到管道“”

【英文标题】：pipe ' ' could not be found in case of modal page

【发布时间】：2020-07-11 03:08:06

【问题描述】：

我在文件夹 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

我无法弄清楚为什么编译器无法识别模态页面中的管道。

【问题讨论】：

哪个模块将此模态列为入口组件？

模态页面，这里是app/modals/viewdreportmodal，在它的viewdreportmodal.module.ts中

提醒：人称代词为大写字母“I”，无一例外。如果您难以记住这一点，请在浏览器中安装英文拼写检查器，并确保在发布前使用它。

【参考方案1】：

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

选项 2- 您可以导出主模块并将其导入 app/modals 内的模块中。

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

【讨论】：

选项 1 - 在 viewdreportmodal.module.ts 中导入，甚至在 app.module.ts 中尝试过.. 不起作用，您能否更清楚地解释选项 2，我也会尝试

@user2828442 在 vi​​ewdreportmodal.module.ts -> 导入 homeModule。在主页模块中添加导出：[管道]您能否也分享一下您的文件夹结构的屏幕截图

【参考方案2】：

您需要将管道添加到删除ViewdReportModalComponent 的模块。

你的情况是viewdreportmodal.module.ts

在该模块的 providers 数组中：

...
providers: [SafePipe]
...

【讨论】：

我导入了import SafePipe from './../../pipes/safepipe/safe.pipe';，还添加了`声明：[ViewdreportmodalPage,Safe2Pipe]，提供者：[Safe2Pipe]`，但仍然出现错误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>