angular2管道的使用。

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

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


angular2管道的使用。_第1张图片

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


angular2管道的使用。_第2张图片

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


angular2管道的使用。_第3张图片
angular2管道的使用。_第4张图片

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


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

你可能感兴趣的:(angular2管道的使用。)