<!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. 为什么MB51本位币金额和采购订单历史本位币金额不一样？

    翻译 为什么物料凭证的本位币金额有时和采购订单历史记录物料的本位币金额不一致? 回答: 有2个字段对应FI存放位置.物料凭证的字段(MSEG-DMBER)是存放库存账目金额.采购订单历史(EKBE-D ...

  2. linux笔记：关机重启命令shutdown，系统运行级别init，退出登录logout

    命令名称:shutdown功能:关机或重启用法:shutdown [选项] [时间]选项参数:-c 取消前一个关机命令-h 关机-r 重启时间格式:now 现在时:分 20:30其他:会正常关闭正在启 ...

  3. jmeter笔记4

     软件测试中使用JMeter测试Web应用 JMeter作用领域 JMeter可以用于测试静态或者动态资源的性能(文件.Servlets.Perl脚本.java对象.数据库和查询.ftp服务器或者其他 ...

  4. css slice和splice

    slice()方法从已有的数组中返回选定元素: slice(start,end)start:必需.规定从何处开始选取.如果是负数,那么它规定从数组尾部开始算起的位置.也就是说,-1 指最后一个元素,- ...

  5. 集成 Union Pay - 银联支付

    作者感言 前面已经把WeChat SDK的支付, AliPay SDK搞得七七八八了, 接下来就是银联支付的Union Pay SDK.最后:如果你有更好的建议或者对这篇文章有不满的地方, 请联系我, ...

  6. IntelliJ IDEA 12 与 Tomcat 集成并运行Web项目

    配置Tomcat Server 1.Ctrl+Alt+s或者File——>Setting...;选中“Application Servers”点击"+" 创建运行配置 上面的 ...

  7. SqlHelper帮助类

    数据库连接字符串//Data Source=.;Initial Catalog=Test1;User Id=sa;Password=123456; public static class SqlHel ...

  8. Steam和Byte[]之间进行输换

    一. 二进制转换成图片 MemoryStream ms = new MemoryStream(bytes); ms.Position = 0; Image img = Image.FromStream ...

  9. Axis2 webservice入门--开发环境搭建，概念理解

    关于webservice的概念,网上有各种解释,但是不太好懂. 可以这样理解:1.一个webservice就是一个“功能”,只是这个功能是别人写好的,被放在别人的网站上.                ...

  10. jdk和tomcat环境部署

    部署前需要准备的东西: 1.确定操作系统(32位或64位) 2.准备对应的jdk和tomcat软件 3.准备一份环境变量配置说明,省的到时候忘记了 步骤: 1.安装JDK 安装好JDK后,再配置JDK ...