我正在努力使用 ionic 中的自定义组件。
我在 app.html 中有一个菜单，我对页面使用延迟加载。
我尝试将该组件实现到 app.html 中的菜单和某些页面中。
但是我只能在 app.html 或 pages 中实现它，而不能在两者中实现。
当我仅在 app.module.ts 中包含组件时，该组件在 app.html 中工作，但如果我在页面模板中包含该组件，则会出现以下错误：
Uncaught (in promise): Error: Template parse errors: 'fa-icon' is not a known element: 1. 如果 'fa-icon' 是一个 Angular 组件，那么验证它是这个模块的一部分。2. 如果'fa-icon' 是一个Web 组件，则将'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的'@NgModule.schemas' 以抑制此消息。
当我在 app.module.ts 和页面模块中包含组件时，我收到以下错误，因为它也包含在 app.module.ts 中：
未捕获（承诺）：错误：类型 FaIconComponent 是 2 个模块声明的一部分：AppModule 和 BookingMasterPageModule！请考虑将 FaIconComponent 移至导入 AppModule 和 BookingMasterPageModule 的更高模块。您还可以创建一个新的 NgModule 来导出并包含 FaIconComponent，然后在 AppModule 和 BookingMasterPageModule 中导入该 NgModule。
所以我的问题是：如何在 app.html 和我的页面中使用该组件？
好吧，第二个错误为您提供了所需的所有信息。您需要创建一个模块，让我们调用它ComponentsModule并声明和导出该模块中的所有组件。然后你可以ComponentsModule在任何你想要的地方导入
components.module.ts
@NgModule({
declarations: [MyComponent],
exports: [MyComponent] // this line is important. If you forget it, other modules won't be able to use this component
})
export class ComponentsModule {}
app.module.ts
@NgModule({
imports: [ComponentsModule]
})
export class AppModule {}
custom-page.module.ts
@NgModule({
imports: [ComponentsModule]
})
export class CustomPageModule {}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句