AngularJS——第6章 作用域

第6章 作用域

• 在AngularJS中使用过滤器格式化展示数据，在“{{}}”中使用“|”来调用过滤器，使用“:”传递参数。

6.1 内置过滤器

1. currency——将数值格式化为货币格式
2. date——日期格式化，年（y）、月（M）、日（d）、星期（EEEE/EEE）、时（H/h）、分（m）、秒（s）、毫秒（.sss），也可以组合到一起使用。
3. filter——在给定数组中选择满足条件的一个子集，并返回一个新数组，其条件可以是一个字符串、对象、函数
4. json——将Javascrip对象转成JSON字符串。
5. limitTo——取出字符串或数组的前（正数）几位或后（负数）几位
6. lowercase——将文本转换成小写格式
7. uppercase——将文本转换成大写格式
8. number——数字格式化，可控制小位位数
9. orderBy——对数组进行排序，第2个参数可控制方向

6.2 自定义过滤器

• 除了使用AngularJS内建过滤器外，还可以根业务需要自定义过滤器，通过模块对象实例提供的filter方法自定义过滤器。

<div ng-controller="DemoController">
    {{content|capitalize}}
</div>
<script src="./libs/angular.min.js"></script>
<script>
    var App = angular.module('App', []);

    App.controller('DemoController', ['$scope', function(){
        $scope.content = 'my name is angular';
    }]);

    //自定义过滤器
    Appfilter('capitalize', function(){
        return function(input){
            return input[0].toUpperCase() + input.slice(1);
        }
    });
</script>

转载于:https://www.cnblogs.com/luoyu113/p/8544694.html