当前位置:   article > 正文

Angular最新教程-第十二节 管道Pipes 内置管道_angular 内置pipes

angular 内置pipes

管道就是将输入的数据->通过某种转换->输出期望的值。
最常见的就是把服务端下发的时间戳转化成前端需要的时间字符串。
比如服务器下发的时间是1507519139,
而我们需要展示的时间是2017/10/9 11:18:59,
或者2017-10-9 11:18:59类似这样子的字符串,
就可以使用管道。

内置管道

Angular中提供了一部分常见的内置管道。

DatePipe时间管道

这个还是挺常用的,需要记下来的是。
年y 月M 日d 时H 分m 秒s
这里是区分大小写的。
比如我们需要的2017/10/9 11:18:59这样的字符格式
就可以这样定义timestamp|date:'yyyy/MM/dd HH:mm:ss'
DatePipe还提供了一些默认的参数,如'short''medium''long'等,我觉得记下来太麻烦了,我建议不管他,需要什么格式,自己写一下就好,保证不出错。

I18nPluralPipe和I18nSelectPipe I18n复数管道和I18n选择管道

这两者的功能差不多,一个是比较,一个是选择。
I18nPluralPipe 过滤的参数是一个数值,然后选择根据条件转化。

@Component({
  selector: 'i18n-plural-pipe',
  template: `&
  • 1
  • 2
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/91157
推荐阅读
  

闽ICP备14008679号