Angular中管道操作符(|)的使用方法-创新互联

管道是什么?

创新互联建站-专业网站定制、快速模板网站建设、高性价比罗甸网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式罗甸网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖罗甸地区。费用合理售后完善,十年实体公司更值得信赖。

Angular的管道可以看作成是一个数据格式化展示的工具。管道可以将数据格式化显示,而不改变源数据。比如关于日期的展示,对于源数据使用管道1可以以yyyy/MM/dd来展示,也可以使用管道2展示成Feb 28, 2017的形式。但原数据依然是date,并没有改变。利用管道我们可以将数据格式化的内容剥离出来,使之独立,有需要格式化展示的时候选择相应的管道进行处理即可。

一、模板表达式操作符

模板表达式语言使用了JavaScript 语法的子集,并补充了几个用于特定场景的特殊操作符:管道操作符、安全导航操作符。

二、管道操作符 (|)

在绑定之前,表达式的结果可能需要一些转换。例如,可能希望吧数字显示成金额、强制文本变成大写,或者过滤列表以及进行排序。

Angular 管道对象这样的小型转换来说是个很方便的选择。

管道是一个简单的函数,它接受一个输入值,并返回转换结果。

Angular 的常用内置管道函数:

DatePipe,UpperCasePipe,LowerCasePipe,CurrencyPipi,PercentPipe,JsonPipe等。

它们用于模板表达式中,只要使用管道操作符(|) 就行了。

使用方法

管道操作符会把它左侧的表达式结果传给它右侧的管道函数。还可以通过多个管道串联表达式。

Title through a pipe chain: {{title | uppercase | lowercase}}

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:Angular中管道操作符(|)的使用方法-创新互联
网站URL:http://bzwzjz.com/article/cocjde.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设 手机网站制作 重庆企业网站建设 成都网站制作 网站制作公司 成都网站建设 盐亭网站设计 成都网站制作 宜宾网站设计 网站建设方案 企业手机网站建设 定制网站设计 成都网站建设 网站建设公司 网站建设方案 成都网站建设 重庆网站制作 网站设计公司 成都网站制作 LED网站设计方案 重庆网站建设 企业网站设计