管道操作符(Pipe)

1. AsyncPipe

1. 官方描述

async 管道会订阅一个 Observable 或 Promise,并返回它发出的最近一个值。 当新值到来时,async 管道就会把该组件标记为需要进行变更检测。当组件被销毁时,async 管道就会自动取消订阅,以消除潜在的内存泄露问题。

2. 自我理解

1. 先理解c#中的async/await,然后再去理解就容易了

2. 不使用asyncpipe的时候需要在ts(可能是component,也有可能是service)文件中针对observable对象进行subscribe,然后才能返回具体的dto或者string,组件类中需要有dto或者string的变量去接收subscribe后的数据;使用asyncpipe以后就不需要对ovservable对象进行subscribe,组件类中不需要有Dto或者string的变量,但是需要定义接收observable对象的变量,模板类中就直接使用此observable对象和asyncpipe就行,所以如官网描述中所说,asyncpipe具有自动订阅的功能,并且善后的功能也是挺好的。

3. 第二点中啰嗦了这么多,就是想告诉入门者,使用了asycpipe就可以不用手动订阅observable,否则就需要手动订阅。

3. 用处

见官网AsyncPipeExamples

2. DatePipe

1. 不过多描述了,就是可以直接在模板文件中按照时区或者格式转换js的Date对象为字符串显示在页面上

2. 用处和用法

这个看自己需求使用,特别简单,见官网DatePipe

3. JsonPipe

1.把一个值转换成 JSON 字符串格式。在调试时很有用,确实很有用

2.用法非常简单,object为一个json类型,{{object | json}}可以在页面中显示json的字符串,具体用法见官网:JsonPipe

4. KeyValuePipe

1. 官方描述

将object或者Map转为键值对的数组

2.用法比较简单,详情查看官网KeyValuePipe

5. LowerCasePipe

1. 官方描述

将文本转为全小写,很简单,写法请查看官网LowerCasePipe

6. UpperCasePipe

1. 官方描述

将文本转为全大写,很简单,写法请查看官网UpperCasePipe

7. TitleCasePipe

1. 官方描述

把文本转换成标题形式。 把每个单词的第一个字母转成大写形式,并把单词的其余部分转成小写形式。 单词之间用任意空白字符进行分隔,比如空格、Tab 或换行符。

2. 用法很简单,请查看官网TitleCasePipe

8. SlicePipe

1. 官方描述

从一个 Array 或 String 中创建其元素一个新子集(slice) obj | slice:4:0

2. 个人理解

1. 其实就是从下标i开始到整个元素中的第n个,学程序的同学都应该知道,下标是从0开始算的,第多少个是从1开始算的
1.str: string = 'abcdefghij',学程序的同学都应该知道
2.str | slice:0:4;代表从下标0开始,到第4个中间的数据,结果为:abcd

3. 用法详情请参考官网SlicePipe

参考资料:Angular API
posted @   北月、大魔王  阅读(392)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
点击右上角即可分享
微信分享提示