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 学习之旅 (1)
Feb 05 Javascript
JavaScript设置FieldSet展开与收缩
May 15 Javascript
禁止JQuery中的load方法装载IE缓存中文件的方法
Sep 11 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
Apr 02 Javascript
鼠标事件延时切换插件
Mar 12 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
JS获取html元素的标记名实现方法
Oct 08 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
Vue 简单实现前端权限控制的示例
Dec 25 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
聊天室php&mysql(一)
2006/10/09 PHP
PHP面向对象的使用教程 简单数据库连接
2006/11/25 PHP
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
php使用文本统计访问量的方法
2016/05/12 PHP
php生成无限栏目树
2017/03/16 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
php利用ZipArchive类操作文件的实例
2020/01/21 PHP
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
2011/07/26 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
JavaScript检查某个function是否是原生代码的方法
2014/08/20 Javascript
javascript中传统事件与现代事件
2015/06/23 Javascript
两种方法解决javascript url post 特殊字符转义 + & #
2016/04/13 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
js实现漫天星星效果
2017/01/19 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
mongoose中利用populate处理嵌套的方法
2017/05/26 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
Python ZipFile模块详解
2013/11/01 Python
python PIL模块与随机生成中文验证码
2016/02/27 Python
Python第三方库的安装方法总结
2016/06/06 Python
在win64上使用bypy进行百度网盘文件上传功能
2020/01/02 Python
django rest framework 过滤时间操作
2020/07/12 Python
python opencv实现简易画图板
2020/08/27 Python
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
Engel & Bengel官网:婴儿推车、儿童房家具和婴儿设备
2019/12/28 全球购物
印度在线购买电子产品网站:Croma
2020/01/02 全球购物
环境科学专业大学生自荐信格式
2013/09/21 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
金陵十三钗观后感
2015/06/04 职场文书
婚礼家长致辞
2015/07/27 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python