javascript - angular中使用了broadcast和on,为什么on里面的代码不是每次都成功运行?
本文介绍了javascript - angular中使用了broadcast和on,为什么on里面的代码不是每次都成功运行?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
var app = angular.module('gzmu', ["ngRoute",'chart.js']);
app.run(function ($rootScope, $http) {
$http({
method: 'GET',
url: 'datacon/user_info.php',
}).success(function (response) {
$rootScope.userinfo = response[0];
console.log($rootScope.userinfo)
$rootScope.$broadcast("userinfo", response[0]);
})
});
app.controller('data', function ($scope, $http, $rootScope) {
$scope.usernamea='';
$scope.$on("userinfo",
function (event, msg) {
console.log(msg);
if(msg){
$scope.usernamea = msg.user;
console.log($scope.usernamea)
alert($scope.usernamea)
}
else{
alert(msg)
}
});
});
如题,on里面的代码为什么不会每加载一次页面都运行一次?
解决方案
主要原因是在app的run中broadcast其实是一个异步操作,如果说data这个Controller在run中的请求成功并且broadcast之前创建,就会成功调用,否则它接收不到root广播过来的信息
这篇关于javascript - angular中使用了broadcast和on,为什么on里面的代码不是每次都成功运行?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文