在AngularJS中,模块是定义应用的最主要方式。模块包含了主要的应用代码。一个应用可以包含多个模块,每一个模块都包含了定义具体功能的代码。
使用模块能给我们带来许多好处,比如:
1、保持全局命名空间的清洁;
2、编写测试代码更容易,并能保持其清洁,以便更容易找到互相隔离的功能;
3、易于在不同应用间复用代码;
4、使应用能够以任意顺序加载代码的各个部分。
所以我们的controller也可以这样写:
定义一个ng-app
var app=angular.module('myapp',[]);
app.controller('MyController',function($scope){
你的代码.................................
});
以下是详细的代码
<html ng-app="myapp"> <!--//Controller--> <head> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <div ng-controller="MyController"> hello {{name.firstname}}.{{name.lastname}} </div> </html> <script> var app=angular.module('myapp',[]); app.controller('MyController',function($scope){ $scope.name={ firstname:"Henry", lastname:"Zhang" }; });