一、定义

　　如何将全局定义的控制器模块化

　　先看下全局定义的控制器

var HelloCtrl=function($scope){

    $scope.name='World';

}

　　模块化后代码

angular.module('hello',[])

    .controller('HelloCtrl',function($scope){

        $scope.name='World';

});

　　AngularJS为自己定义了全局命名空间angular，他提供多种功能及不少便利函数，module就是其中之一。

　　定义新的模块，需要传入名字，作为调用module的第一个参数，而第二个参数则表达此模块依赖哪些其他模块（上例中的模块不依赖其他模块）。

　　angular.module的调用会返回新创建模块的实例，然后就开始定义新的控制器。controller函数的参数如下：

  • 控制器的名字（字符串类型）
  • 控制器的构造函数

　　模块已经定义好了，现在要告知AngularJS它的存在，这只要为ng-app属性赋值即可。

　　<body ng-app="hello">

二、模块的生命周期

　　2.1 配置阶段

　　2.2 编译阶段

　　2.3 不同阶段与不同的注册方法

  对象种类 可以在配置阶段注入 可以在运行阶段注入
Constant 常量值 Yes Yes
Variable 变量值 — Yes
Service 构造函数创建的新对象 — Yes
Factory 工厂函数返回的新对象 — Yes
Provider $get工厂函数创建的新对象 Yes —

三、模块依赖

angular.module('app',['engines'])

    .factory('car',function($log,dieselEngine){

        return{

            start:function(){

                $log.info('Starting'+dieselEngine.type);

            };

        }

});

angular.module('engines',[])

    .factory('dieselEngine',function(){

        return{

            type:'diesel'

        };

});

　　car服务在app模块中定义，app模块依赖于engines模块，后者定义dieselEngine服务，因此car可以注入dieselEngine.

　　下面这个例子说明兄弟模块的服务也互相可见。car也注入了dieselEngine。

angular.module('app',['engines','cars'])

angular.modul('cars',[])

    .factory('car',function($log,dieselEngine)

        return{

            start:function(){

                $log.info('Starting'+dieselEngine.type);

            }

        };

});

angular.module('engines',[])

    .factory('dieselEngine',function(){

        return{

            type:'diesel'

        };

});

　　下面这个例子来说明每个名字只存在唯一的服务，我们可以利用这点，在依赖某模块的同时去覆盖此模块提供的服务。

angular.module('app',['engines','cars'])

angular.modul('cars',[])

    .factory('car',function($log,dieselEngine)

        return{

            start:function(){

                $log.info('Starting'+dieselEngine.type);

            };

        }

})

    .factory('dieselEngine',function(){

        return{

            type:'diesel'

        };

});

　　car服务里的dieselEngine服务是自己模块的服务，它将兄弟模块engines里的同名服务给覆盖掉了。

Angularjs学习笔记（二）----模块的更多相关文章

  1. AngularJS学习笔记二:AngularJS指令

    AngularJS 指令: AngularJS 通过被称为 指令 的新属性来扩展 HTML. AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-. 几个常用 指令: ng-app 指令 ...

  2. angularJS学习笔记二

    angularJS四个特性 1.MVC <!doctype html> <html ng-app> <head> <meta charset="ut ...

  3. AngularJS学习笔记(二)

    一.AngularJS Select(选择框) 1.使用 ng-options 创建选择框 <div ng-app="myApp" ng-controller="m ...

  4. AngularJS 学习笔记二

    AngularJS指令 指令 描述 讲解 ng_app 定义应用程序的根元素. 指令 ng_bind 绑定 HTML 元素到应用程序数据. 简介 ng_click 定义元素被单击时的行为. HTML ...

  5. AngularJS学习笔记(二) 表单验证案例(ng-repeat/filter)

    这一节相对来说需要理解的东西不是太多,记住了那些api就行了. 还是一个案例(同样来自miaov),一个表单验证,先上代码,然后再对对应的内容进行解释. <!DOCTYPE html> & ...

  6. AngularJs学习笔记--Using $location

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/dev_guide.services.$location 一.What does it do? $loc ...

  7. AngularJs学习笔记--Modules

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/module 一.什么是Module? 很多应用都有一个用于初始化.加载(wires是这个意思吗?)和启 ...

  8. AngularJs学习笔记--Forms

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/forms 控件(input.select.textarea)是用户输入数据的一种方式.Form(表单) ...

  9. AngularJs学习笔记--expression

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/expression 表达式(Expressions)是类Javascript的代码片段,通常放置在绑定 ...

  10. AngularJs学习笔记--directive

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/directive Directive是教HTML玩一些新把戏的途径.在DOM编译期间,directiv ...

随机推荐

  1. mysql数据库中如何修改已建好的表中的【列名】【列的属性】

    sql命令:alter table tbl_name change old_col_name new_col_name data_type not null auto_increment primar ...

  2. CRM 2016 子表单中N:1关系 字段要求与新建时的关系

    父表单在新建子表单项时弹出的窗口和 子表单的N:1关系是有关系的.说白了就是子表单窗体上的父表单字段是不是必填项. 关系如下: 1 非必填项 点击子表单的"+"号时,会出现look ...

  3. OJ提交题目中的语言选项里G++与C++的区别（转）

    G++? 首先更正一个概念,C++是一门计算机编程语言,G++不是语言,是一款编译器中编译C++程序的命令而已. 那么他们之间的区别是什么? 在提交题目中的语言选项里,G++和C++都代表编译的方式. ...

  4. Git Pro - (1) 基础

    近乎所有操作都可本地执行 在Git中的绝大多数操作都只需要访问本地文件和资源,不用连网. 三种状态 对于任何一个文件,在 Git 内都只有三 种状态:已提交(committed),已修改(modifi ...

  5. 【转】常见的python机器学习工具包比较

    http://algosolo.com/ 分析对比了常见的python机器学习工具包,包括: scikit-learn mlpy Modular toolkit for Data Processing ...

  6. poj1113

    http://poj.org/problem?id=1113 完全时copy大神给的模版哦,结果再加一个小圆的周长就好啦 #include<stdio.h> #include<mat ...

  7. WINDOWS Server2008上部署Oracle10g及oracle SQL语法小记

    首先安装10G客户端 情况一:一般都会安装到一般报错.因为10G是32BIT客户端.而操作系统是64位的.但是不会影响配置监听程序.自主开发的应用程序依然可以运行. 情况二:报错但是配置完监听程序始终 ...

  8. 施耐德Sepam 40系列备自投逻辑

    1# 主供: VL1= NOT PVTS_1_3 V1 = VL1 AND P59_1_7 AND P59_1_8 AND P59_1_9VL2 = VL1 AND I12 AND I21 AND I ...

  9. 数据库——DQL（语句查询）

    查询的基本结构: 概念: 查询(DQL)是数据库中最为常用和复杂的一种SQL结构,学会编写查询SQL是程序员必须具备的能力. 要从数据库中查询数据,我们要使用SQL的SELECT语句.标准SELECT ...

  10. TCP连接的三次握手和四次解散过程

    客户端和服务器在使用TCP连接传输数据的过程中,需要经过三次握手建立连接和四次握手断开连接操作. 具体如下图所示 上图描述了TCP连接从建立到断开的详细过程,以下就其中的具体报文细节展开讨论. 在TC ...