18-service之自定义服务

最新推荐文章于 2023-11-10 13:21:21 发布

原创最新推荐文章于 2023-11-10 13:21:21 发布 · 345 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs

angularJS 专栏收录该内容

35 篇文章

订阅专栏

本文通过一个简单的AngularJS示例展示了如何将十进制数255转换为十六进制和八进制形式，并介绍了自定义服务的使用方法。

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
    <head>
        <meta charset="utf-8">
        <script src="js/angular.js"></script>
    </head>
    <body ng-controller="myctrl">
        <div>
            255 的16进制是:{{hex}}<br>
            255 的8进制是:{{octal}}
        </div>
    </body>
    <script type="text/javascript">
        var app = angular.module("myapp",[]);
        <!-- 自定义服务hexafy，包含2个方法 myService和myService2-->
        app.service('hahaha',function(){
            this.myService = function(x){
                return x.toString(16);
            }
            this.myService2 = function(x){
                return x.toString(8);
            }

        });
        <!-- 把服务传入controller中-->
        app.controller("myctrl",function($scope,hahaha){
            $scope.hex = hahaha.myService(255);
            $scope.octal = hahaha.myService2(255);
        });
    </script>
</html>