angular.module
例1:
var myApp = angular.module("myApp", []);
例2:
var mainApp = angular.module('mainApp', ['manLib', 'zHtml', 'zWeChat']);
上面示例中module 方法的第一个参数为模块的名称,第二个参数为它的依赖模块列表。一个独立的模块,不依赖于其它模块时,它的第二个参数为空数组(注意:即使它为空,我们也必须填写这个参数。否则,该方法会去检索之前的同名模块)。
controller
myApp.controller("myCtrl", function($scope) {
$scope.msg = "grapecity team blog";
});
controller 构造函数获取$scope 对象,用于存储所有controller 暴露的接口和方法。scope 由Angular 传递到视图和指令层。
下面是使用模块构建的页面:
<body ng-app="myApp" ng-controller="myCtrl">
<input ng-model="msg" />
<p my-dctv >
{{msg | myUpperFilter }}
</p>
</body>