ionic3 自定义管道

我们都知道ionic 是基于angular搞得一套前端框架,那么angular中的内置的管道函数,在ionic中是否能用呢?答案肯定是可以直接使用的。


网址:https://angular.io/api

用法:{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }} 类似 不再详述

在ionic这个框架怎么去自定义管道呢?其实是跟angular中的一样

1.在自己的ionic项目中使用命令ionic g 创建管道ts

选择pipe,敲击回车,输入管道ts名字



然后在transform中编写管道需要处理的业务逻辑。

注:引用的时候注意了,这是ioinc比较坑的地方,在app.module.ts的imports 导入你自定义的管道,然后需要使用管道的html界面去使用你自己定义的管道,你会发现,竟然报错了!报错信息提示此管道不存在。我查了下,发现大家都这么写的,还都成功了。经多次测试,原来只有把你自定义的管道导入你需要使用界面的 xx.module.ts中的imports中,然后在需要用到的html界面才可以正常的使用。然后,我删除app.module.ts的imports 中的导入,发现完全没问题。注意html中管道的名字,是你自定义管道ts中的name值。



猜你喜欢

转载自blog.csdn.net/u012365780/article/details/80229905