AngularJS 03(控制器--模块开发)

模块化开发
模块化开发就是把多个控制器注册在同一个模型里。

使用模块注册控制器
注入：DI
注入就是由外部在运行过程中把他的参数或者变量注入在程序里。
作用：提高程序运行的灵活性
模型注册的优势：

• 通过模型集中管理
• 通过模型注册降低耦合管理

高于1.2版本的AngularJS必须通过注入才能使用控制器，不能直接使用控制器。

1.注册控制器

//可以注入多个模型但是正常的单页面网站注册一个模型就够了angular.module("appTest",[])//新建一个模型，模型名称为appTest.controller("testCtrl",testController)//注入控制器，并且为控制器取别名，等到页面中使用控制器的时候，直接使用别名即可调用相应的控制器.controller("helloCtrl",hellorController);//依赖注入，把方法当做值进行传递

2.模块引用
控制器放在前面，注册放在后面。

<script src="js/angular-1.4.0.js"></script><script src="script/controller.js"></script><script src="script/module.js"></script>

<div data-ng-app="appTest">        <div data-ng-controller="testCtrl">            {{msg}}        </div></div>

MVC
M：数据 控制器 function
C：方法 控制器function

Moudule(模型)：注入多个控制器

V:Templte 模板 （页面）

过滤器
大写、小写、日期、排序、筛选
价格：{{b.Price |currency:”￥”}}对价格进行规范化，保留两位小数，并且前面加上￥符号，默认情况，{{b.Price |currency}}加的是$符号
日期：{{b.PubDate |date:”yyyy年MM月dd日”}}
小写：{{b.Title |lowercase}}
大写：{{b.Author |uppercase}}
排序：先按作者排序，作者相同的情况下按照Title排序
<tr data-ng-repeat ="b in books|orderBy:['Author','Title']">