1.在src目錄新建pipes
文件夾,使用Cli 命令ionic generate pipe mattDamon
生成pipe文件
注意:
這里有個坑,自動生成的pipe文件中的@Pipe修飾的name
值可能會有"-"
旬薯,ionic對此敏感拿穴,要去掉"-"
严卖,比如我將matt-damon
改成了mattDamon
2.在pipes
文件夾里新建pipes.module.ts
文件宴抚,將項目中所有的pipe導入(例如下面的MattDamonPipe),代碼如下:
import { NgModule } from '@angular/core';
import {MattDamonPipe} from './matt-damon';
@NgModule({
declarations: [
MattDamonPipe,
],
imports: [
],
exports: [
MattDamonPipe,
]
})
export class PipesModule { }
這里也可以不要
pipes.module.ts
文件巫财,直接在app.module.ts
里導入
3.使用:在需要使用頁面的module.ts
文件里導入PipesModule
,
比如:
然后在頁面的html里(注意此pipe的名字必須和你寫的pipe文件里的name
值一樣):