19-service之在过滤器中使用服务

最新推荐文章于 2023-06-16 18:09:11 发布

原创最新推荐文章于 2023-06-16 18:09:11 发布 · 437 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs

angularJS 专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何在AngularJS中创建自定义服务并将其功能应用于过滤器，实现数值转换为十六进制字符串的功能。通过具体示例代码展示了服务与过滤器的定义和使用方法。

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
    <head>
        <meta charset="utf-8">
        <script src="js/angular.js"></script>
    </head>
    <body>
        <div>
            在过滤器中使用服务:
            <h1>{{255 | myFormat}}</h1>
        </div>
    </body>
    <script type="text/javascript">
        var app = angular.module("myapp",[]);

        <!-- 自定义服务hahaha，包含方法 myService-->
        app.service('hahaha',function(){
            this.myService = function(x){
                return x.toString(16);
            }


        });
        <!-- 把服务传入filter中-->
        app.filter("myFormat",['hahaha',function(hahaha){
            return function(x){
                return hahaha.myService(x);
            }
        }]);
    </script>
</html>