angularJs 自定义过滤器

版权声明:独学而无友,则孤陋寡闻。q群582951247 https://blog.csdn.net/mp624183768/article/details/82492796
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<p>在获取数组[255,251,200]值使用过滤器:</p>
    <ul>
        <li ng-repeat="x in counts">{{x|myFormat}}</li>
    </ul>
    <p>过滤器使用服务将10进制转换为16进制</p>
</div>
<script>
    var app=angular.module('myApp',[]);
    app.service('hexafy',function () {
        this.myFunc=function (x) {
            return x.toString(16);
        }
    });
    app.filter('myFormat',[
        'hexafy',function (hexafy) {
            return function (x) {
                return hexafy.myFunc(x);
            }
        }
    ]);
    app.controller('myCtrl',function ($scope) {
        $scope.counts=[255,251,200]
    });
</script>


</body>
</html>

猜你喜欢

转载自blog.csdn.net/mp624183768/article/details/82492796