AngularJS基础——MVC、$scope的作用域、依赖注入的代码压缩以及run方法
来源:互联网 发布:北部战区山东知乎 编辑:程序博客网 时间:2024/05/16 13:45
技术要点:
1)$scope代表指定控制器内的数据模型;
2)$rootScope代表全局作用域的数据模型;
3)控制器可以实现继承;
4)依赖注入时可以实现代码压缩;
5)run方法初始化全局的数据,只对全局作用域起作用,如$rootScope
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Angular基础</title></head><body><div ng-app="myApp"> <div ng-controller="firstCtrl"> {{name}} {{age}} <div ng-controller="secondCtrl"> {{name}} {{age}} {{sex}} </div> </div> {{sex}}</div><script src="angular.min.js"></script><script type="application/javascript"> var myApp=angular.module('myApp',[]); myApp.controller('firstCtrl',['$scope',function($sc){ $sc.name="张三丰"; }]); myApp.controller('secondCtrl',['$scope','$rootScope',function($sc,$rsc){ $sc.name="灭绝师太"; $rsc.age=108; }]); myApp.run(['$rootScope',function($rsc){ $rsc.sex='男'; }]);</script></body></html>显示效果:
0 0
- AngularJS基础——MVC、$scope的作用域、依赖注入的代码压缩以及run方法
- AngularJS的作用域Scope基础
- [angularjs]$scope的作用
- AngularJS基础 之 依赖注入的几种方法
- AngularJS基础 之 依赖注入的几种方法
- angularjs基础—$scope.$apply的应用
- 关于maven依赖注入的<scope>的作用
- AngularJS的scope变量的作用域
- 理解AngularJS的作用域Scope
- 理解AngularJS的作用域Scope
- AngularJS 作用域Scope的继承
- 理解AngularJS的作用域Scope
- AngularJS 指令的 Scope (作用域)
- AngularJS 指令的 Scope (作用域)详解
- angularjs中指令的scope作用域
- 理解AngularJS的作用域Scope
- AngularJS的作用域$scope监视
- 不同作用域(scope)的Spring Bean之间的依赖关系的动态代理注入
- Android绘图(二)
- 响应式网站设计与制作
- 小爬虫1.0
- 14:类初步使用
- 优惠码,开启了您的奖学金征程
- AngularJS基础——MVC、$scope的作用域、依赖注入的代码压缩以及run方法
- 【搜索】BZOJ 3990: 【Sdoi 2015】排序
- CocoaPods安装和使用教程
- 浅谈MVC架构模式
- 禁止在窗口界面线程中进行线程同步或进行耗时的操作。。。
- IE浏览器提示代理服务器没有响应,但是360浏览器可以用
- Android通过get,post方式客户端与服务器端交互实例(慕课网笔记)
- 解救MacBook Pro老电脑显卡
- Yii2.0入门--安装方法及目录结构