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 相关文章推荐
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
Jan 20 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
浅谈Node.js 中间件模式
Jun 12 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
vue实现随机验证码功能的实例代码
Apr 30 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
JavaScript图片旋转效果实现方法详解
Jun 28 Javascript
JavaScript 事件代理需要注意的地方
Sep 08 Javascript
微信小程序自定义modal弹窗组件的方法详解
Dec 20 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
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
yii操作cookie实例简介
2014/07/09 PHP
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
PHP 断点续传实例详解
2017/11/11 PHP
laravel 去掉index.php伪静态的操作方法
2019/10/12 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
一个tab标签切换效果代码
2009/03/27 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
jquery 的 $("#id").html() 无内容的解决方法
2010/06/07 Javascript
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
Javascript与jQuery方法的隐藏与显示
2015/01/19 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
下雪了 javascript实现雪花飞舞
2020/08/02 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
Vue.JS入门教程之自定义指令
2016/12/08 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
python实现判断数组是否包含指定元素的方法
2015/07/15 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
Python 的AES加密与解密实现
2019/07/09 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
python做接口测试的必要性
2019/11/20 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
惠普香港官方商店:HP香港
2019/04/30 全球购物
2014年小学元旦活动方案
2014/02/12 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
拾金不昧表扬稿大全
2015/05/05 职场文书