angular 各scope 通信
来源:互联网 发布:大数据脱敏技术 编辑:程序博客网 时间:2024/05/29 15:39
一:iframe 中的 controller 访问 父页面中的controller
a页面
<!DOCTYPE html>
<html ng-app="a">
<head>
<meta charset="UTF-8">
<title></title>
<script src="lib/angular/angular.min.js"></script>
</head>
<body>
<div id="view" ng-controller="dsViewCtr"></div>
<script>
var app = angular.module('datasheet', []);
app.controller('dsViewCtr', function($scope) {
$scope.fullScreen=function(){
var scope=$window.parent.angular.element($window.frameElement).scope();//访问父层的controller
if(scope.fullClass=="fullClass"){
scope.fullClass=""
}else{
scope.fullClass="fullClass" ;
}
scope.$apply();
}
});
</script>
</body></html>
<!DOCTYPE html>
<html ng-app="b">
<head>
<meta charset="UTF-8">
<title></title>
<script src="lib/angular/angular.min.js"></script>
</head>
<body ng-app="datasheet">
<div id="datasheetSrc" ng-controller="datasheetSrcCtr">
<iframe id="datasheetIframe" src="http://192.168.1.222:8080/a.jsp" ng-class= "fullClass"></iframe>
</div>
<script>
var app = angular.module('datasheet', []);
app.controller('datasheetSrcCtr', function($scope)
{ $scope.fullClass = "full";});
</script>
</body>
</html>
二:外部的Js访问angular里面的根域
controller.js:
$rootScope.isActive=""
外部js:
var $body = angular.element(document.body);
var $rootScope = $body.scope().$root;
$rootScope.$apply(function () {
$rootScope.isActive=2 //把根的isActive变量改为2
})
三:外部的Js访问angular里面的其他controller的域
controller.js:
$scope.isActive=""
外部js:
angular.element(document.querySelector('[ng-controller=mainController]')).scope().isActive=3//把mainController里面的isActive改为3;- angular 各scope 通信
- angular scope
- angular directive中scope:{}
- angular scope of directive
- angular.js $scope
- angular之$scope
- angular之scope详解
- angular中的scope
- angular中的$scope类
- angular js $scope 作用域
- Angular Scope解析与应用
- angular directive详解之scope
- [angular]指令之1scope
- Angular中$scope的$watch
- angular中scope的用法
- angular指令理解之scope
- angular的mvc模式($scope)
- angular的scope.$last作用
- Oracle高级查询之OVER (PARTITION BY ..)
- 傅里叶分析
- 权重问题深入
- 拼音对应汉字
- Set,List,Map,Vector,ArrayList的区别
- angular 各scope 通信
- 巧妙使用数组,内部匿名类改变外部类final对象值
- JS toUTCString(),toGMTString() toLocaleString()的演示
- spring 启动过程中检测bonecp连接池
- 802.11基本传输方式-信道竞争机制及QoS的实现机制
- 针对大表单数据提交的优化方案
- 基于栈虚拟机和基于寄存器虚拟机的比较
- SpringBoot事务管理
- wamp中mysql 密码密码修改