AngularJS $broadcast
AngularJS $broadcast
提问于 2016-04-07 10:28:05
请在我的问题上帮助我。当我从父控制器调用并捕获子控制器时，为什么函数$broadcast不工作？
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.controller('ctrl1',
function ($scope) {
$scope.$broadcast('parent', 'Some data');
});
app.controller('ctrl2',
function ($scope) {
$scope.$on('parent', function (event, data) {
console.log(data); // 'Some data'
});
});
</script>
</head>
<body>
<div ng-controller="ctrl1">
<div ng-controller="ctrl2">
</div>
</div>
</body>
</html>
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-04-07 11:14:36
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.controller('ctrl1',
function ($scope) {
$scope.$on("ready",function(){
$scope.$broadcast('parent', 'Some data');
});
});
app.controller('ctrl2',
function ($scope) {
$scope.$on('parent', function (event, data) {
alert(data); // 'Some data'
});
$scope.$emit('ready');
});
</script>
</head>
<body>
<div ng-controller="ctrl1">
<div ng-controller="ctrl2">
</div>
</div>
</body>
</html>Stack Overflow用户
发布于 2016-04-07 10:44:59
改变$scope.$broadcast('parent', 'Some data');
至
$scope.$broadcast('parent', {message:'Some data'});Stack Overflow用户
发布于 2016-04-07 10:55:33
我用你的代码做了一个小提琴。当听众还没准备好的时候，你只是在广播你的消息。
当controller2准备好收听时，只需广播您的消息即可。
var app = angular.module('app', []);
app.controller('ctrl1',
function($scope, $timeout) {
$timeout(function() {
$scope.$broadcast('parent', 'Some data');
}, 0)
});
app.controller('ctrl2',
function($scope) {
$scope.$on('parent', function(event, data) {
console.log(event, data); // 'Some data'
});
});希望这能有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36473445
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号