ionic4 自定义公共模块，共享组件

1 创建组件及模块

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

2 公共模块中暴露对应组件

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>

5 在自定义组件中使用ionic4内置组件

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

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