Angularjs中controller的三种写法分享
更新时间：2016年09月21日 11:53:20 投稿：daisy
这篇文章给大家介绍了angularjs中controller的三种写法，每种写法都给出了示例代码，对大家理解和学习很有帮助，有需要的朋友们可以参考借鉴。
前言
在Angular中，Directive、Service、Filter、Controller都是以工厂方法的方式给出，而工厂方法的参数名对应着该工厂方法依赖的Service。angularjs中controller其实就是一个方法，它有三种写法，下面来一起看看吧。
第一种：
<pre name="code" class="javascript">var AppController = ['$scope', function($scope){
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
}];
app.controller('AppController',AppController);
在定义AppController的时候，先声明方法需要注入的参数，然后再定义方法体。最后将AppController绑定到app上。
第二种：
app.controller('AppController', function($scope){
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
})
直接在app的controller属性定义，首先是controller名字，然后是方法体。
第三种：
function AppController($scope) {
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
}
直接写方法，然后在ng-controller引用该方法
总结
以上就是关于angularjs中controller三种写法的全部内容，不知道大家都学会了没有，希望这篇文章的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
您可能感兴趣的文章:
- AngularJS控制器controller正确的通信的方法
- AngularJs学习第五篇从Controller控制器谈谈$scope作用域
- AngularJS控制器controller给模型数据赋初始值的方法
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- AngularJS 控制器 controller的详解
- AngularJS利用Controller完成URL跳转
- angularJS+requireJS实现controller及directive的按需加载示例
- Angularjs的Controller间通信机制实例分析
- AngularJS实现controller控制器间共享数据的方法示例
相关文章
这篇文章主要为大家介绍了angular内容投影，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
Angular使用ControlValueAccessor创建自定义表单控件
这篇文章主要介绍了Angular使用ControlValueAccessor创建自定义表单控件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
这篇文章主要介绍了深入讲解AngularJS中的自定义指令的使用,AngularJS是一款热门的JavaScript开发库,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了AngularJS基础知识笔记之表格的相关资料,需要的朋友可以参考下2015-05-05
这篇文章主要为大家介绍了Angular 13+开发模式慢的原因及构建性能优化解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
简单来说Angular.js是google开发者设计和开发的一套前端开发框架，帮助你简化前端开发的负担。到底能简化到什么程度呢，今天我们来看下，一行代码实现控件验证效果，有木有吓尿？2014-06-06
在本教程中,您使用 Flex 布局与 Angular 应用程序,它允许您构建一个布局,使用预配置的 Flexbox CSS 样式,而无需额外的样式,对Angular使用 Flex 布局相关知识感兴趣的朋友跟随小编一起看看吧2024-02-02
本文主要给大家汇总了一下angular.element的方法，十分的详细，这里推荐给大家 参考下。2015-01-01
这篇文章主要介绍了AngularJS过滤器filter用法,结合实例形式较为详细的总结分析了过滤器filter的功能、分类、使用技巧及自定义过滤器的实现方法,需要的朋友可以参考下2016-12-12
Angular依赖注入optional constructor parameters概念
这篇文章主要为大家介绍了Angular 依赖注入领域里 optional constructor parameters 的概念及使用,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
最新评论