标签：
一个简单的 angularJs 例子如下所示：
<!DOCTYPE html> <html ng-app> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="angular.min.js"></script> </head> <body> <div ng-controller="firstController"> <p><input type="text" ng-model="name" /><p> <p>{{name}}</p> </div> <script> function firstController($scope){ $scope.name = "suliang"; } </script> </body> </html>
以上是一个最典型的angularJs的MVC架构例子model层可以通过controller层来修改model层中的数据内容，而model中的数据修改结果将直接反馈到view层中去。
angularJs中可以使用angular.module方法来设置模块，上面的例子使用模块化改写如下所示：
<!DOCTYPE html> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="angular.min.js"></script> </head> <body> <div ng-controller="firstController"> <p><input type="text" ng-model="name" /><p> <p>{{name}}</p> </div> <script> var m1 = angular.module("myApp",[]); //定义模块 m1.controller("firstController",function($scope){ //定义控制器 $scope.name = "suliang"; }) </script> </body> </html>
使用上面的方法就可以封装一个模块，但是在上线进行资源压缩的时候会将$scope替换掉，$scope是依赖注入的变量，名称不能修改，所以我们在创建控制器的时候可以变成下面这样：
m1.controller("firstController",["$scope",function($scope){
$scope.name = "suliang";
}])
标签：
原文地址：http://www.cnblogs.com/suliang1100/p/4860821.html
