app.component.ts和pages中的离子组件-Java 学习之路

我喜欢离子中的定制组件 .

我在app.html中有一个菜单，我使用延迟加载页面 .

我尝试将该组件实现到app.html中的菜单和一些页面中 .

但我只能将它实现到app.html或页面中，而不是两者中 .

当我仅在app.module.ts中包含该组件时，该组件在app.html中工作，但如果我在页面模板中包含该组件，则会收到以下错误：

未捕获（承诺）：错误：模板解析错误：'fa-icon'不是已知元素：1 . 如果'fa-icon'是Angular组件，则验证它是否是此模块的一部分 . 2.如果'fa-icon'是Web组件，则将'CUSTOM_ELEMENTS_SCHEMA'添加到此组件的'@NgModule.schemas'以禁止显示此消息 .

当我在app.module.ts和页面模块中包含组件时，我收到以下错误，因为它也包含在app.module.ts中：

Uncaught（承诺）：错误：类型FaIconComponent是2个模块声明的一部分：AppModule和BookingMasterPageModule！请考虑将FaIconComponent移动到导入AppModule和BookingMasterPageModule的更高模块 . 您还可以创建一个新的NgModule，它导出并包含FaIconComponent，然后在AppModule和BookingMasterPageModule中导入该NgModule .

所以我的问题是：如何在app.html和我的页面中使用该组件？

1 回答

好吧，第二个错误为您提供所需的所有信息 . 你需要创建一个模块，我们称之为 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 {}

回复于 2024-05-16T13:21:20+08:00

app.component.ts和pages中的离子组件

1 回答

相关问题