Ionic4.x 中自定義公共模塊

1、創建公共模塊以及組件

 

ionic g module module/slide
ionic g component module/slide

2、公共模塊 slide.module.ts 中暴露對應的組件

 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SlideComponent } from './slide.component';

@NgModule({
  declarations: [SlideComponent],
  imports: [
    CommonModule
  ],
  exports:[SlideComponent]
})
export class SlideModule { }

 

3、用到的地方引入自定義模塊，並依賴注入自定義模塊

import { SlideModule } from '../module/slide/slide.module';
@NgModule({ imports: [
CommonModule, FormsModule,
IonicModule,
SlideModule, RouterModule.forChild(routes)
],
declarations: [Tab4Page] })

4、使用自定義模塊

 

<app-slide></app-slide>

 

 

---

Ionic4.x 自定義公共模塊中使用 ionic 內 置組件

 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SlideComponent } from './slide.component';
import{IonicModule} from '@ionic/angular';

@NgModule({
  declarations: [SlideComponent],
  imports: [
    CommonModule,
    IonicModule
  ],
  exports:[SlideComponent]
})
export class SlideModule { }