AngularJS 控制器 controller的详解


Posted in Javascript onOctober 17, 2017

AngularJS 控制器 controller的详解

一、控制器概念

        控制器在Angualrjs 中的作用是增强视图,并且是一个函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始状态,并添加自定义行为。

        当我们在页面上创建一个新的控制器是,angularjs会生成并传递一个新的$scope给这个控制器。可以在这个控制器里初始化$scope,由于angularjs会负责处理控制器的实例化过程。

       列子:           

var app=angular.module("myApp",[]) 
  app.controller("FirstController",function($socpe){ 
    $scope.name="Hello" 
  })

二、控制器的注意事项

    1.控制器可以将与一个独立视图相关的业务逻辑封装在一个独立的容器中。尽可能的精简控制器是很好的做法。作为angularjs开发者,使用依赖注入来访问服务可以实现这个目的。

    2.angularjs同其他JavaScript框架最主要的一个区别就是,控制器并不适合用来执行DOM操作、格式化或数据操作,以及除存储数据模型之外的状态维护操作。他只是视图和$scope之间的桥梁。

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript 函数及作用域总结介绍
Nov 12 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
js图片实时加载提供网页打开速度
Sep 11 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
May 13 Javascript
解决vue项目使用font-awesome,build后路径的问题
Sep 01 Javascript
vue如何解决循环引用组件报错的问题
Sep 22 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
JS轮播图的实现方法
Aug 24 Javascript
VUE前端cookie简单操作
Oct 17 #Javascript
javascript 判断用户有没有操作页面
Oct 17 #Javascript
vue-router 路由基础的详解
Oct 17 #Javascript
如何抽象一个Vue公共组件
Oct 17 #Javascript
vue实现图书管理demo详解
Oct 17 #Javascript
基于Vue实现图书管理功能
Oct 17 #Javascript
Vue.js简易安装和快速入门(第二课)
Oct 17 #Javascript
You might like
深入PHP empty(),isset(),is_null()的实例测试详解
2013/06/06 PHP
php获取错误信息的方法
2015/07/17 PHP
php中错误处理操作实例分析
2019/08/23 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
javascript 数组学习资料收集
2010/04/11 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
2015/06/04 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
2017/02/21 Javascript
JavaScript插入排序算法原理与实现方法示例
2018/08/06 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
python绘图方法实例入门
2015/05/19 Python
python实现备份目录的方法
2015/08/03 Python
利用python程序生成word和PDF文档的方法
2017/02/14 Python
Python操作Excel之xlsx文件
2017/03/24 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
python pygame实现方向键控制小球
2019/05/17 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
Python turtle画图库&&画姓名实例
2020/01/19 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
CAT鞋英国官网:坚固耐用的靴子和鞋
2016/10/21 全球购物
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
大专生简历的自我评价
2013/11/26 职场文书
高中生职业规划范文
2014/03/09 职场文书
项目投资意向书
2014/04/01 职场文书
机械加工与数控专业自荐书
2014/06/04 职场文书
体操比赛口号
2014/06/10 职场文书
治庸问责工作总结
2015/08/11 职场文书
创业项目(超低成本创业项目)
2019/08/16 职场文书
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
2021/04/22 HTML / CSS
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python