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 call 函数的用法说明
Apr 09 Javascript
一个网马的tips实现分析
Nov 28 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
JavaScript事件委托实例分析
May 26 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
JS利用cookies设置每隔24小时弹出框
Apr 20 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
Apr 11 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 Javascript
js实现弹幕墙效果
Dec 10 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
Laravel重写用户登录简单示例
2016/10/08 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
js判断手机端(Android手机还是iPhone手机)
2015/07/22 Javascript
11种ASP连接数据库的方法
2015/09/18 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
Python计算已经过去多少个周末的方法
2015/07/25 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
使用python画社交网络图实例代码
2019/07/10 Python
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
python文件编写好后如何实践
2020/07/07 Python
Python之字典添加元素的几种方法
2020/09/30 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
Farfetch美国:奢侈品牌时尚购物平台
2019/05/02 全球购物
澳大利亚和新西兰最大的在线旅行社之一:Aunt Betty
2019/08/07 全球购物
公司司机岗位职责范本
2014/03/03 职场文书
公司证明怎么写
2014/09/22 职场文书
个人租房协议书样本
2014/10/01 职场文书