<!DOCTYPE html>

<html lang="en" ng-app="myApp">

<head>

    <meta charset="UTF-8" />

    <title>Document</title>

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

    <script type="text/javascript">

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

    // 自定义服务 -- factory

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

    //     return {

    //         name : 'liuyi',

    //         age : 30,

    //         showName : function() {

    //             return this.name + '今年' + this.age + '岁了';

    //         }

    //     };

    // });

    // 自定义服务 provider

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

        return {

            name : '刘二',

            age : 40,

            $get : function() {

                return {

                    name : this.name,

                    age : this.age,

                    showName : function() {

                        return this.name + '今年' + this.age + '岁了';

                    } 

                };

            }            

        };

    });

    // 自定义服务 -- 随机函数

    // m1.factory('rndFn', function() {

    //     return function( n1, n2 ) {

    //         return Math.random()*(n2 -n1) + n1;

    //     }

    // });

    // 改写配置参数

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

    //     myServiceProvider.age = 100;

    // }] );

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

        randomFnProvider.bInt = false;

    }] );

    // 控制器

    // m1.controller('firstController', ['$scope', 'rndFn', function($scope, rndFn) {

    //     console.log( rndFn( 0, 5 ) );

    // }]);

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

        return {

            bInt : false,

            int : function( args ) {

                if( args ) {

                    this.bInt = true;

                } else {

                    this.bInt = false;

                }

            },

            $get : function() {

                var This = this;

                return function( n1, n2 ) {

                    return This.bInt ? Math.floor(Math.random()*(n2 - n1) + n1) : Math.random()*(n2 - n1) + n1

                };

            }

        };

    });

    m1.controller('firstController', ['$scope', 'randomFn', function($scope, randomFn) {

        console.log( randomFn(0, 5) );

    }]);

    </script>

</head>

<body ng-controller="firstController">

</body>

</html>

　　

angularJs 自定义服务 provide 与 factory 的区别的更多相关文章

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

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

  2. 【AngularJS中的自定义服务service VS factory VS provider】---它们的区别，你知道么？

    在介绍AngularJS自定义服务之前,我们先来了解一下AngularJS~ 学过HTML的人都知道,HTML是一门很好的伪静态文本展示设计的声明式语言,但是,要构建WEB应用的话它就显得乏力了. 而 ...

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

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

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

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

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

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

  6. angularJs自定义服务

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

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

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

  8. 自定义服务与调用--------factory

    自定义服务: angular.module('myApp').factory('UserService',['$http','$q',function ($http,$q) { // 定义一个方法工厂 ...

  9. angularjs 自定义服务

    <!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="C ...

随机推荐

  1. dom4j解析xml作为测试数据

    构造函数: public AppTestData(File xmlFile) throws Exception { file = xmlFile; try { saxReader = new SAXR ...

  2. Eclipse 配置Tomcat

    1.Eclipse EE 配置Tomcat Eclipse EE 主要用于Java Web开发和J2EE项目开发.Eclipse EE中配置Tomcat比较简单,新建一个Tomcat Server即可 ...

  3. sina 行情api

    http://blog.csdn.net/simon803/article/details/7784682

  4. jq 中each的用法

    jQuery的each方法的几种常用的用法 each()方法能使DOM循环结构简洁,可遍历一维数组.多维数组.DOM, JSON 等等. var arr = [ "one", &q ...

  5. Introduction to Windows 8: The Definitive Guide for Developer

    <Windows 8应用开发权威指南>介绍 Introduction to Windows 8: The Definitive Guide for Developer 一.封面设计要求及文 ...

  6. Notepad++ 配置java编译环境

    仅限于学习java或小的java程序使用.正常写代码还是eclipse吧 ---------------------分割线----------------------------- 1.配置JDK环境 ...

  7. UESTC 2016 Summer Training #6 Div.2

    我好菜啊.. UVALive 6434 给出 n 个数,分成m组,每组的价值为最大值减去最小值,每组至少有1个,如果这一组只有一个数的话,价值为0 问 最小的价值是多少 dp[i][j] 表示将 前 ...

  8. 盘点十大最流行的Linux服务器发行版

    随着Linux不断发展,Linux所支持的文件系统类型也在迅速扩充.很多的数据中心服务器上都运行着Linux,可以节省大量的许可证费用及维护费用.但伴随着Linux新版本的发行,其中每一个不同版本的L ...

  9. Linux 远程桌面控制

    我现在知道有两种方式: 1.直接使用Gnome桌面的远程控制功能.在服务器端登录到gnome桌面,然后在系统菜单中打开远程桌面配置,勾选允许远程即可.这种方式客户端和服务器的两种操作将保持同步,也就是 ...

  10. C#入门篇6-11：字符串操作 查找与替换

    #region 查找与替换 public class C4 { //查找 public static void StrFind() { //目标字符串 string str1 = "~awe ...