Нестандартные компоненты IONIC 4

Question

У меня есть ионное приложение и я создал собственный компонент для ion-navbar, но как я могу использовать этот компонент на всех своих страницах?Если я объявлю его на всех страницах, я получу эту ошибку

Вот мойGithub, если хочешь https://github.com/tiagosilveiraa/PManager

Answer 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 {}