AngularJS系列(三)——过滤器(filder)

最新推荐文章于 2021-03-25 09:35:17 发布

咸鱼老罗

最新推荐文章于 2021-03-25 09:35:17 发布

阅读量461

点赞数

分类专栏： AngularJS

本文链接：https://blog.csdn.net/luo4105/article/details/77894214

版权

本文是AngularJS系列教程的第三部分，主要探讨AngularJS中的过滤器，包括currency用于数字转换为金额，uppercase和lowercase进行字符串大小写转换，date用于时间格式化，json解析，limitTo实现字符串截取，orderBy和filter实现排序和查找功能。同时，通过一个实例展示了如何自定义过滤器reverse，用于字符串反转。

摘要由CSDN通过智能技术生成

过滤器可以用一个管道字符’|’添加到表达式和指令中。

常用的过滤器有

l currency：数字转金额

l uppercase/lowercase：字符串转大小写

l date：时间格式化

l json：Json解析

l limitTo：字符串截取

l orderBy：排序

l filter：查找

<div ng-app="myApp"ng-controller="personCtrl">
         <!--orderBy只能排序字符串 -->
         <p>转金额：{
  {moneys| currency}}</p>
         <p>姓名为（大写）：{
  {fullName()| uppercase}}</p>
         <p>姓名为（小写）：{
  {fullName()| lowercase}}</p>
         <p>时间格式化：{
  {date| date:'yyyy-MM-dd hh:mm:ss'}}</p>
         <p>json解析：{
  {jsonText| json}}</p>
         <p>字符串截取：{
  {fullName()| limitTo:6}}</p>
         <p>根据id正序排序：</p>
         <ling-repeat=