AngularJS入门（六）

AngularJS模块

1.  模块定义一个应用程序，所有控制器都应该属于某一个模块；模块可以保持全局命名空间的整洁。

下面是一个未使用模块的应用程序片段：

<div ng-app="" ng-controller="myCtrl"> {{ firstName + " " + lastName }}</div><script>function myCtrl($scope) {    $scope.firstName = "John";    $scope.lastName = "Doe";}</script>

使用模块改写该应用程序：

<div ng-app="myApp" ng-controller="myCtrl">{{ firstName + " " + lastName }}</div><script>var app = angular.module("myApp", []);//可以单独提出，放在myApp.js文件中作为模块声明app.controller("myCtrl", function($scope) {//可以单独提出，放在myCtrl.js文件中作为控制器声明    $scope.firstName = "John";    $scope.lastName = "Doe";});</script>

注意：AngularJS脚本必须放在AngularJS库加载之后！因为对 angular.module 的调用只能在库加载完成后才能进行：要么放在head元素中，要么依次放在body最下端。

良好实践：一个应用程序至少有一个控制器和一个模块文件。当把上述代码片段的脚本提出到独立的myApp.js和myCtrl.js中时候，如下引入即可：

<script src="//www.w3cschool.cc/try/angularjs/1.2.5/angular.min.js"></script><script src="myApp.js"></script><script src="myCtrl.js"></script>

声明：此文主要内容来自于http://www.w3cschool.cc/angularjs