AngularJS中Controller的三种写法

AngularJS中Controller的三种写法

Angular中,DirectiveServiceFilterController都是以工厂方法的方式给出,而工厂方法的参数名对应着该工厂方法依赖的Service ,关于controller的几种写法,这里简单的列举了三种:

第一种

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("myApp",[]);
// 声明了方法需要注入的参数,然后定义了方法体
var controller_1 =['$scope',function($scope){
$scope.alertMessage = function(){
alert("Hello World!");
};
}];
// 将controller_1绑定到app上
app.controller("controller1",controller_1);
</script>

第二种

1
2
3
4
5
app.controlle("controller2",function($scope){
$scope.alertMessage = function(){
alert("Hello World!");
}
})

此种方法最为常用.

第三种

1
2
3
4
5
function controller3($scope){
$scope.alertMessage3 = function(){
alert("Hello World!");
}
}

直接写方法,然后在ng-controller处直接引用该方法即可.