AngularJS基础知识---过滤器

  1. currency
    • 　　{{123 | currency}}
  2. date
    • 　　{{today | date:'MMMM'}}
  3. filter
    • 　　字符串 {{'Ari','Lerner','Likes','To','Eat','Pizza' | filter:'e'}}
    • 　　对象 {{[{'name':'ari','city':'beijing'},{'name':'note','city':'shanghai'}] | filter:{'city':'beijing'}}}
    • 　　函数 {{'Ari','likes','to','travel' | filter:isCapitalized}}
      • 　　$scope.isCapitalized = function(str){ return str[0] == str[0].toUpperCase();}
  5. limitTo
    • 　　{{San Francisco is very coloudy | limitTo:3}} <!--San-->
    •       {{San Francisco is very coloudy | limitTo:-6}} <!--cloudy-->
  6. lowercase
  7. uppercase
  8. number
    1. 　　{{123456789 | number}} <!--1,234,567,890-->
    2. 　　{{1.23456 | number:2}} <!--1.23-->
  9. orderBy
  10. 自定义过滤器

         

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head>
    <title></title>
    <script src="Lib/Angular/angular.js"></script>
</head>
<body>
    <div>
        {{'ginger loves dog treats' | lowercase | capitalize}}
    </div>
</body>
</html>
<script type="text/javascript">
    angular.module('myApp', []).filter('capitalize', function () {
        return function (input) {
            if (input) {
                return input[0].toUpperCase() + input.slice(1);
            }
        }
    });
</script>

 

posted @ 2015-03-14 10:56  lvxin  阅读(72)  评论(0)    收藏  举报