定制组件 IONIC 4
Posted
技术标签:
【中文标题】定制组件 IONIC 4【英文标题】:Custom Components IONIC 4 【发布时间】:2019-07-26 04:47:38 【问题描述】:我有一个离子应用程序并为ion-navbar
创建了一个自定义组件,但是,我如何在我的所有页面中使用这个组件?如果我在所有页面上声明他,我会收到此错误
这里是我的 Github,如果你想要 https://github.com/tiagosilveiraa/PManager
【问题讨论】:
【参考方案1】:您可以创建一个共享模块,并将该新共享模块作为需要页眉的页面模块的导入:
shared.module.ts
import NgModule from '@angular/core';
import CommonModule from '@angular/common';
import HeaderComponent from './header/header.component';
import IonicModule from '@ionic/angular';
@NgModule(
imports: [
CommonModule,
IonicModule
],
declarations: [HeaderComponent],
exports: [HeaderComponent]
)
export class SharedModule
那么对于 home.module.ts
@NgModule(
imports: [
CommonModule,
FormsModule,
IonicModule,
SharedModule,
RouterModule.forChild(routes),
],
declarations: [HomePage]
)
export class HomePageModule
【讨论】:
为什么我需要将组件包装在一个模块中?有时我们只想为一页创建组件。 @Tukkan 因为问题与所有页面有关,而不是与单个页面有关。以上是关于定制组件 IONIC 4的主要内容,如果未能解决你的问题,请参考以下文章
无法将组件加载到页面中 - Angular 4/Ionic 3