定制组件 IONIC 4

2022-01-21 00:00:00 javascript components ionic-framework angular typescript

我有一个 ionic 应用程序并为 ion-navbar 创建了一个自定义组件，但是，我如何在我的所有页面中使用这个组件?如果我在所有页面上声明他，我会收到此错误

I have an ionic app and created a custom component for ion-navbar but, how could I use this component in all of my pages? If I declare him on all the pages i get this error

如果你想要 https://github.com/tiagosilveiraa/PManager，这是我的 Githubp>

Here's my Github if u want https://github.com/tiagosilveiraa/PManager

推荐答案

您可以创建一个共享模块，并将该新共享模块作为导入到需要标头的页面模块:

You can create a shared module and include that new shared module as an import for the page modules that need the header:

shared.module.ts

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

Then for the home.module.ts

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    SharedModule,
    RouterModule.forChild(routes),  
  ],
  declarations: [HomePage]
})
export class HomePageModule {}

相关文章