Angularjs中controller的三种写法分享

在AngularJS的世界里，控制器（Controller）是构建应用的关键组成部分之一，它有三种常见的写法。这篇文章将带你深入了解这三种写法的具体细节，帮助你更好地理解和应用AngularJS。

让我们看看第一种写法。在这种写法中，我们先声明一个名为AppController的控制器函数，该函数依赖于$scope服务。然后我们将这个函数注册到AngularJS应用中的特定控制器名称上。请看下面的代码示例：

```javascript

var AppController = ['$scope', function($scope){

$scope.notifyServiceOnChage = function(){

console.log($scope.windowHeight);

};

}];

app.controller('AppController', AppController);

```

第二种写法更为简洁，直接在AngularJS应用的controller属性中定义控制器。这种方法不需要单独的函数声明，直接定义控制器名称和函数体即可：

```javascript

app.controller('AppController', function($scope){

$scope.notifyServiceOnChage = function(){

console.log($scope.windowHeight);

};

});

```

第三种写法是创建一个名为AppController的函数，然后在HTML中使用ng-controller指令将其关联到特定的元素或指令上。这种方法允许你在不修改AngularJS应用配置的情况下，直接在HTML中定义控制器：

```javascript

function AppController($scope) {

$scope.notifyServiceOnChage = function(){

console.log($scope.windowHeight);

};

}

```

然后在HTML中使用如下方式引用：`

`。无论哪种方式，其本质都是创建一个包含特定逻辑的函数，并通过AngularJS的依赖注入系统来访问服务和其他控制器。这篇文章的内容对初学者来说非常有帮助，希望大家能够从中受益。对于想要深入学习AngularJS的朋友来说，这三种写法的理解是必不可少的一部分。在实际开发中，你可以根据自己的需求和团队的编码习惯选择最适合的写法。如果有任何疑问或需要进一步了解的地方，欢迎留言交流。希望这篇文章能对你的学习或工作有所帮助。