18-service之自定义服务

jojo999888

于 2017-07-27 11:16:46 发布

阅读量329

点赞数

CC 4.0 BY-SA版权

分类专栏： angularJS 文章标签： angularjs

本文链接：https://blog.youkuaiyun.com/gc_20160403/article/details/76177422

angularJS 专栏收录该内容

35 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>