问题复现
在之前的几篇ionc4自定义pipe和directive后,发现打包会包一个错误
ionic4 pipe.ts is part of the declarations of 2 modules:
意思就是说,不能在多个文件中声明自定义的过滤器和指令。
解决思路:
既然不可以这样,那我们就自己建立一个模块module,吧自己自定义的过滤器和指令放在这个共享的module里面。
这样不就解决了。
实操:
自定义的过滤器
自定义的指令
新建个module
import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import {ConvertWeekPipe} from '../../pipes/convert-week.pipe'; import {DebounceClickDirective} from '../../directives/debounce-click.directive'; @NgModule({ declarations: [ ConvertWeekPipe, DebounceClickDirective ], imports: [ CommonModule ], exports: [ ConvertWeekPipe, DebounceClickDirective ] }) export class ShareModule { }
在需要的页面导入shareModule
完事,效果图不展示了,收工。