Ionic4.x中创建自定义公共模块
在ionic4.x项目中,有时候我们想在多个页面共用一个功能,这个时候就要用到创建公共模块。为什么要用公共模块而不是公共组件呢?是因为ionic4.x中的页面是模块组成的,多个模块没法共用一个组件。但是多个模块可以共用模块。所以我们要想实现功能的共用,就需要创建自定义公共模块来实现。
1、在ionic4.x中创建公共模块以及组件
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、使用Ionic4.x自定义模块里面的组件
<app-slide></app-slide>