zoukankan html css js c++ java

angularjs注册服务，使用服务

总结了三种angularjs的注册服务，具体见代码
第一种通过provider注册服务：

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <script src="angular.js"></script>
    <script>
        var app = angular.module("myapp",['ng']);
        app.provider('MyProvider',function(){
            var service = {};
            var _name = '';
            var _age = '';
            service.setfunc = function(name,age){
                _fruits = fruits;
                _color = color;
            }
            service.show= function(){
                return _fruits +'是'+ _color ;
            }
            this.$get = function(){
                return service;
            }
        });
        app.controller("ctrl",function($scope,MyProvider){
            MyProvider.setfunc ('苹果','红色');
            console.log(MyProvider.show());
        })
    </script>
    <title>Document</title>
</head>
<body ng-controller="ctrl">
    
</body>
</html>

第二种通过service注册服务:

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <script src="angular.js"></script>
    <script>
        var app = angular.module("myapp",['ng']);
        app.service('MyService',function(){
            var service = {};
            var _name = '';
            var _age = '';
            this.SetInfo = function(name,age){
                _name = name;
                _age = age;
            }
            this.ShowInfo = function(){
                return _name +':'+ _age;
            }
        });
        app.controller("ctrl",function($scope,MyService){
            MyService.SetInfo('刘晓明',27);
            console.log(MyService.ShowInfo());
            console.log(1111);
        })
    </script>
    <title>Document</title>
</head>
<body ng-controller="ctrl">
    
</body>
</html>

第三种通过factory注册服务:

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <script src="angular.js"></script>
    <script>
        var app = angular.module("myapp",['ng']);
        app.factory('MyFactory',function(){
            var service = {};
            var _name = '';
            var _age = '';
            service.SetInfo = function(name,age){
                _name = name;
                _age = age;
            }
            service.ShowInfo = function(){
                return _name +':'+ _age;
            }
            return service;
        });
        app.controller("ctrl",function($scope,MyFactory){
            MyFactory.SetInfo('刘晓明',27);
            console.log(MyFactory.ShowInfo());
            console.log(1111);
        })
    </script>
    <title>Document</title>
</head>
<body ng-controller="ctrl">
    
</body>
</html>

查看全文

相关阅读:
8张图带你轻松温习 Java 知识.md
关于 Java 序列化你不知道的 5 件事
 为什么 String 是不可变的？
如何使用 Nginx 优雅地限流？
JAVA泛型编程笔记
 java_接口的应用
 java_抽象类应用
 深入理解Java的接口和抽象类
 java_重写与重载的区别
 Java：按值传递还是按引用传递详细解说

原文地址：https://www.cnblogs.com/xiaomingge/p/6406854.html