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 相关文章推荐
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
jQuery Html控件基本操作(日常收集整理)
Mar 11 Javascript
基于javascript html5实现3D翻书特效
Mar 14 Javascript
JS操作COOKIE实现备忘记录的方法
Apr 01 Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
解决Window10系统下Node安装报错的问题分析
Dec 13 Javascript
深入探究node之Transform
Jul 20 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 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导出CSV抽象类实例
2014/09/24 PHP
jquery JSON的解析方式
2009/07/25 Javascript
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
JavaScript表单通过正则表达式验证电话号码
2014/03/14 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
创建自己的jquery表格插件
2015/11/25 Javascript
Function.prototype.apply()与Function.prototype.call()小结
2016/04/27 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
2016/04/29 Javascript
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
详解javascript void(0)
2020/07/13 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
Django URL传递参数的方法总结
2016/08/28 Python
python微信跳一跳游戏辅助代码解析
2018/01/29 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
营销专业应届生求职信
2013/11/26 职场文书
房屋委托书范本
2014/04/04 职场文书
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
践行党的群众路线心得体会
2014/11/05 职场文书
2014年基建工作总结
2014/12/12 职场文书
优秀团员自我评价
2015/03/10 职场文书
信用卡工资证明范本
2015/06/19 职场文书
JS实现简单控制视频播放倍速的实例代码
2021/04/18 Javascript
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL