定制组件 IONIC 4

Posted 2023-02-23

【中文标题】定制组件 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 因为问题与所有页面有关，而不是与单个页面有关。