<!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. js文字上下滚动代码

    <div id="dome"> <div id="dome1"> <ul class="express"> ...

  2. ARPG客户端中场景对象体系设计

    一.场景对象体系 二.场景对象生命周期管理 场景对象的生命周期,不适合采用原始的c++管理方式, 即由使用者自己负责删除.而应该采用引用计数方式, 自动负责删除. 采用引用计数方式, 目前用法比较广的 ...

  3. Js作用域链及变量作用域

    要理解变量的作用域范围就得先理解作用域链 用var关键字声明一个变量时,就是为该变量所在的对象添加了一个属性. 作用域链:由于js的变量都是对象的属性,而该对象可能又是其它对象的属性,而所有的对象都是 ...

  4. 扒一扒JavaScript 预解释

    带var关键字预解释 让我们先看下这段代码执行的结果: 代码如下: alert(n);//弹出undefinedvar n = 10; 弹出的结果是undefined,为何不是10?让我们再看下面这段 ...

  5. 8.3 ContosoMVCWeb官方案例学习

    1. 分页案例学习 2. 排序搜索案例学习 3.使用Configuration.cs中的Seed方法 在数据库迁移过程中,使用update-database,会运行seed方法.seed方法能够将初始 ...

  6. 为MySQL选择合适的备份方式

    数据库的备份是极其重要的事情.如果没有备份,遇到下列情况就会抓狂: UPDATE or DELETE whitout where… table was DROPPed accidentally… IN ...

  7. Java GC系列（1）：Java垃圾回收简介

    本文由 ImportNew - 好好先生 翻译自 javapapers. Java的内存分配与回收全部由JVM垃圾回收进程自动完成.与C语言不同,Java开发者不需要自己编写代码实现垃圾回收.这是Ja ...

  8. 四则运算（Android版）

    MainActivity: package com.example.demon; import android.os.Bundle; import android.app.Activity; impo ...

  9. long型转日期型

    //时分秒格式//不知为何,出来的时间有点差别 public class Test { public static void main(String[] args) throws Exception ...

  10. 【转】理解cookie和session机制

    cookie和session机制之间的区别与联系 具体来说cookie机制采用的是在客户端保持状态的方案.它是在用户端的会话状态的存贮机制,他需要用户打开客户端的cookie支持.cookie的作用就 ...