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 播放器 控制
Jan 22 Javascript
Javascript 写的简单进度条控件
Jan 22 Javascript
jQuery中add实现同时选择两个id对象
Oct 22 Javascript
Jquery.addClass始终无效原因分析
Sep 08 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
layui之select的option叠加问题的解决方法
Mar 08 Javascript
javascript触发模拟鼠标点击事件
Jun 26 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
Sep 16 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
vue.js实现点击图标放大离开时缩小的代码
Jan 27 Vue.js
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
再次研究下cache_lite
2007/02/14 PHP
DEDE采集大师官方留后门的删除办法
2011/01/08 PHP
php实现异步将远程链接上内容(图片或内容)写到本地的方法
2016/11/30 PHP
js function使用心得
2010/05/10 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
2014/09/13 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
Windows系统中安装nodejs图文教程
2015/02/28 NodeJs
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
javascript实现确定和取消提示框效果
2015/07/10 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
VUEJS实战之利用laypage插件实现分页(3)
2016/06/13 Javascript
Javascript继承机制详解
2017/05/30 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
Python requests库用法实例详解
2018/08/14 Python
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
对pycharm 修改程序运行所需内存详解
2018/12/03 Python
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
Omio葡萄牙:全欧洲低价大巴、火车和航班搜索和比价
2019/02/09 全球购物
信息管理专业推荐信
2013/10/29 职场文书
《在山的那边》教学反思
2014/02/23 职场文书
乡镇创先争优活动总结
2014/08/28 职场文书
股份合作协议书
2014/09/10 职场文书
合伙经营协议书范本
2014/09/13 职场文书
幼儿园辞职书
2015/02/26 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python
Python数据分析之pandas读取数据
2021/06/02 Python
Python实现双向链表基本操作
2022/05/25 Python