<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="angular.min.js"></script>

<script>

var m1 = angular.module('myApp',[]);

//自定义服务

m1.factory('myService',function(){//服务的名字，回调函数（跟controller语法一样，可以是数组）

    return {

        name : 'hello',

        show : function(){

            return this.name + ':angular';

        }

    };

});

m1.controller('Aaa',['$scope','myService',function($scope,myService){//使用myService服务（要形参传进去）

    console.log(myService.show());

}]);

m1.factory('myRandomNum',function(){

    return function(num1,num2){

        return Math.random()*(num2 - num1) + num1;

    };

});

m1.controller('Aaa',['$scope','myRandomNum',function($scope,myRandomNum){

    console.log( myRandomNum(-,) );

}]);

m1.factory('myService',function(){

    return {

        name : 'hello',

        show : function(){

            return this.name + ':angular';

        }

    };

});

m1.provider('myService',function(){

    return {

        name : 'hello',

        $get : function(){

            return {

                name : this.name,

                show : function(){

                    return this.name + ':angular';

                }

            };

        }

    };

});

m1.config(['myServiceProvider',function(myServiceProvider){

    console.log(myServiceProvider);

    myServiceProvider.name = 'hi';

}]);

m1.controller('Aaa',['$scope','myService',function($scope,myService){

    console.log(myService.show());

}]);

m1.provider('myRandomNum',function(){

    return {

        bolInt : false,

        int : function(argBol){

            if(argBol){

                this.bolInt = true;

            }

            else{

                this.bolInt = false;

            }

        },

        $get : function(){

            var This = this;

            return function(num1,num2){

                return This.bolInt ? Math.round(Math.random()*(num2 - num1)) + num1 : Math.random()*(num2 - num1) + num1;

            };

        }

    };

});

m1.config(['myRandomNumProvider',function(myRandomNumProvider){

    myRandomNumProvider.int(false);

}]);

m1.controller('Aaa',['$scope','myRandomNum',function($scope,myRandomNum){

    console.log( myRandomNum(-,) );

}]);

</script>

</head>

<body>

<div ng-controller="Aaa">

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="angular.min.js"></script>

<script>

var m1 = angular.module('module1',[]);

m1.factory('myService',function(){

    return {

        name : 'hello',

        show : function(){

            return this.name + ':angular';

        }

    };

});

var m2 = angular.module('myApp',['module1']);

m2.controller('Aaa',['$scope','myService',function($scope,myService){

    console.log(myService.show());

}]);

</script>

</head>

<body>

<div ng-controller="Aaa">

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="angular.min.js"></script>

<script src="service.js"></script>

<script>

var m2 = angular.module('myApp',['module1']);

m2.controller('Aaa',['$scope','myService',function($scope,myService){

    console.log(myService.show());

}]);

</script>

</head>

<body>

<div ng-controller="Aaa">

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="angular.min.js"></script>

<script src="service.js"></script>

<script>

var m2 = angular.module('myApp',['module1']);

m1.config(['myServiceProvider',function(myServiceProvider){

    myServiceProvider.name = 'hi';

}]);

m2.controller('Aaa',['$scope','myService',function($scope,myService){

    console.log(myService.show());

}]);

</script>

</head>

<body>

<div ng-controller="Aaa">

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="angular.min.js"></script>

<script>

var m1 = angular.module('myApp',[]);

m1.service('myService',FnService);//FnService是回调函数（也可以使数组[]），跟controller语法一样，

function FnService(){

    this.name = 'hello';

}

FnService.prototype.age = ;

m1.controller('Aaa',['$scope','myService',function($scope,myService){

    console.log(myService.name);

    console.log(myService.age);

}]);

var m1 = angular.module('myApp',[]);

m1.constant('myService','hello angular');

//m1.value('myService','hello angular');

m1.config(['myService',function(myService){

    console.log(myService);

}]);

m1.controller('Aaa',['$scope','myService',function($scope,myService){

    console.log(myService);

}]);

</script>

</head>

<body>

<div ng-controller="Aaa">

</div>

</body>

</html>

angularjs 自定义服务的更多相关文章

  1. angularjs 自定义服务的三种方式

    angularjs 中可通过三种($provider,$factory,$service)方式自定义服务,以下是不同的实现形式: // 定义module , module中注入$providevar ...

  2. angularJs自定义服务（实现签名和加密）

    写在前面: angularJS是google公司主推的js开发优秀框架... 页面展示: 在应用中进行加密是普遍存在的,个人建议在前端实现加密签名(前端加密是否必要来自知乎:http://www.zh ...

  3. angularJs自定义服务

    在AngularJS中,系统内置的服务都是以$开头,所以我们的自定义服务尽量避免以$开头.自定义服务的方式有如下几种: 使用Module的provider方法 使用Module的factory方法 使 ...

  4. 深究AngularJS——自定义服务详解(factory、service、provider)

    前言 3种创建自定义服务的方式.  Factory Service Provider 大家应该知道,AngularJS是后台人员在工作之余发明的,他主要应用了后台早就存在的分层思想.所以我们得了解下分 ...

  5. angularJs 自定义服务 provide 与 factory 的区别

    <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <met ...

  6. angularjs 自定义服务（serive，factory，provder） 以及三者的区别

    1.Serive 服务:通过service方式创建自定义服务,相当于new的一个对象:var s = new myService();,只要把属性和方法添加到this上才可以在controller里调 ...

  7. 42.angularJS自定义服务

    转自:https://www.cnblogs.com/best/tag/Angular/ 1. 你可以创建自定义服务,链接到你的模块中: <!DOCTYPE html> <html& ...

  8. angularJS自定义服务的几种方式

    在angularJS中定义服务共有四种常见的方式:factory,service,provider,constant,value 使用形式的不同: 1)factory以返回对象的形式定义服务: mya ...

  9. angularJS——自定义服务provider之$get

    可以认为provider有三个部分: 第一部分是私有变量和私有函数,这些变量和函数会在以后被修改. 第二部分是在app.config函数里可以访问的变量和函数,所以,他们可以在其他地方使用之前被修改. ...

随机推荐

  1. Nginx Zabbix

    https://www.cnblogs.com/wangxiaoqiangs/archive/2016/04/20/5412111.html

  2. LeetCode OJ 之 Number of Digit One （数字1的个数）

    题目: Given an integer n, count the total number of digit 1 appearing in all non-negative integers les ...

  3. _00017 Kafka的体系结构介绍以及Kafka入门案例(0基础案例+Java API的使用)

    博文作者:妳那伊抹微笑 itdog8 地址链接 : http://www.itdog8.com(个人链接) 博客地址:http://blog.csdn.net/u012185296 博文标题:_000 ...

  4. 【LeetCode-面试算法经典-Java实现】【168-Excel Sheet Column Title（Excell列标题）】

    [168-Excel Sheet Column Title(Excell列标题)] [LeetCode-面试算法经典-Java实现][全部题目文件夹索引] 原题 Given a positive in ...

  5. Swift 3.0（一）

    一:let 和 var let 声明的是一个常量, var 声明的是一个变量 二:简单数据类型 1.自推出数据类型 let implicitDouble = 70.0    //根据初始化时赋值的数据 ...

  6. chrome的全局搜索快捷键

    常用 文件内搜索 ctrl+f 使用快捷键 ctrl+shift+f, 就会进入到全局搜索模式 打开文件:ctrl+o 打开DevTools 你可以通过以下任何一种方式来访问DevTools: 打开浏 ...

  7. transient修饰符的作用

    transient修饰符的作用: entity实体类: package com.baidu.entity; import com.fasterxml.jackson.annotation.JsonIg ...

  8. C#如何生成一个随机种子for Random？

    就这么写: Random rand = new Random((int)DateTime.Now.Ticks); 或者这么写: Random rand = new Random(new Guid(). ...

  9. PHP简介 变量 输出

    一.PHP概念 Hypertext Preprocessor 超文本预处理器,是一种开源脚本语言,语法吸收了C语言,Java,Perl的特点,用于web开发领域, PHP是将程序嵌入到Html文档中执 ...

  10. MySQL学习(一)——启动和登录MySql遇到的问题及解决

    1.MySQL使用命令行启动时报错“发生系统错误 5”,如下: 原因:未用管理员身份运行cmd程序 解决方案:在开始菜单里找到命令提示符,右击选择以管理员身份运行 2.登录时报错“提示mysql不是内 ...