ionic5.x中创建自定义公共模块

在ionic5.x项目中，有时候我们想在多个页面共用一个功能，这个时候就要用到创建公共模块。为什么要用公共模块而不是公共组件呢？是因为ionic5.x中的页面是模块组成的，多个模块没法共用一个组件。但是多个模块可以共用模块。所以我们要想实现功能的共用，就需要创建自定义公共模块来实现。

1、在ionic5.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、使用ionic5.x自定义模块里面的组件

 <app-slide></app-slide>

这就是ionic5.x中创建自定义公共模块的使用方法,ionic5.x中创建自定义公共模块就给大家先介绍到这里，希望对你有帮助

更多ionic5.x中创建自定义公共模块的使用教程：https://www.itying.com/goods-1067.html