angular js模块，angular js控制器

AngularJS 模块

创建modle(数据 模块)的方法

 

创建模块（angular.module ）

<div ng-app="myApp">...</div>
<script>

var app = angular.module("myApp", []); 
</script>

AngularJS 控制器 （ng-controller）

添加控制器（你可以使用 ng-controller 指令来添加应用的控制器: 如下面实例）

ng-controller 绑定一个控制器，对应控制器起作用的范围

ng-click   点击绑定事件，触发在$script中声明方法

$scope 在每创建一个控制器里面生成的参数代表当前控制器起作用的范围他是angular js连接逻辑层与视图层的桥梁，在$scope声明的属性和方法可以在对应视图层的控制器中使用

app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; });

AngularJS 实例

<div ng-app="myApp" ng-controller="myCtrl">

名: <input type="text" ng-model="firstName"><br>

姓: <input type="text" ng-model="lastName"><br> <br>

姓名: {{firstName + " " + lastName}} </div>

<script>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope)

{ $scope.firstName= "John"; $scope.lastName= "Doe"; });

</script>

 

 

创建方法 和属性

angular.module("myApp",[]).controller("myCtrl",function($scope) {
    $scope.name="JONE"; //创建添加属性
    $scope.age="17";

 $scope.foo=function(){ //创建添加方法
     alert(111)
     
 }
});

模块化思想
每一个html面就是对应一个模块，每一个模块里面有很多$scope.controller把整个项目细分工