angular2管道的使用。

对于angular2管道,本人理解的不是很深入,希望有所帮助。ionic2项目中创建自定义管道方法。

运行命令 ionic g pipe YourPipeName(aaa)生成如下文件。


管道分纯管道(Pure Pipe)和非纯管道(Impure Pipe)。默认情况下,管道都是纯的,在自定义管道声明时把pure标志置为false,就是非纯管道。如:(二者区别,自己百度)


记得将该component注册到ngModule中,否则不会生效,如果想在某个组件中使用这个pipe,直接在html上写就可以了,见下图:


最后在需要地方使用自定义的管道:


虽然原理没有讲的很清楚,但是步骤罗列清楚了,剩下的自己摸索吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 管道介绍 管道可以按指定规则将模板内的数据进行转换。使用管道需要用管道操作符|来连接模板表达式中左边的输入数据和右...
    oWSQo阅读 4,985评论 0 0
  • 下面部分内容是参考孙亖的使用Ionic2开发Todo应用,最好先动手实现一下他的代码,或者看一次。 0 创建新的I...
    欢乐的乐阅读 9,849评论 3 6
  • Ionic是一个基于Angular2的开发手机web app的框架,它包含了一整套手机端的样式组件,和一系列的功能...
    王兆龙阅读 4,943评论 1 1
  • 资料 官网: https://angular.io 官网中文翻译:http://www.angular.live ...
    liseri阅读 8,412评论 0 19
  • 又是一个过得细碎的周末。 早晨仍是被隔壁抓心挠肝的装修声吵醒。 想着无论如何也要跟他们抗议一下,但最终还是算了,只...
    记得年时阅读 1,742评论 0 0