父作用域和子作用域点击按钮互相发送消息

最新推荐文章于 2022-07-27 22:12:48 发布

野蛮生长001

最新推荐文章于 2022-07-27 22:12:48 发布

阅读量288

点赞数 1

分类专栏： angular js 文章标签： angular js

本文链接：https://blog.csdn.net/qq_39125684/article/details/79784269

版权

angular js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

话不多说，上代码

<script src="angular-1.6.8/angular.js"></script>
<body ng-app="myApp">
<div ng-controller="father">
	<input type="text" ng-model="father"/>
    <input type="button" ng-click="father_click()" value="广播"/>
    
    <div ng-controller="child">
    	<input type="text" ng-model="child"/>
    	<input type="button" ng-click="child_click()" value="消息"/>
    </div>

</div>

<script>
var app = angular.module("myApp",[]);

app.controller("father",function($scope){
	/*父亲发送广播*/
	$scope.father_click = function(){	
		$scope.$broadcast("father",$scope.father);
		}
		
	/*父亲接收消息*/
	$scope.$on("child",function(event,data){
		$scope.father = data;
		});
	
	});
		
		
app.controller("child",function($scope){
	/*儿子发送消息*/
	$scope.child_click = function(){
		$scope.$emit("child",$scope.child);
		}
	/*儿子接受广播*/
	$scope.$on("father",function(event,data){
		$scope.child = data;
		});	
	
	});	
</script>
</body>

发消息：

/*儿子发送消息*/
	$scope.child_click = function(){
		$scope.$emit("child",$scope.child);
		}

发广播：

/*父亲发送广播*/
	$scope.father_click = function(){	
		$scope.$broadcast("father",$scope.father);   //$scope.father-->文本框中的数据
		}

收消息：

/*父亲接收消息*/
	$scope.$on("child",function(event,data){
		$scope.father = data;
		});

野蛮生长001

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

父作用域和子作用域 点击按钮互相发送消息

父作用域和子作用域点击按钮互相发送消息