我的应用程序中有一种情况,每次用户角色发生变化时我都需要重新加载菜单(一个用户可以在多家公司中担任角色)。
我想知道解决这个问题的最佳方法是什么。
目前我正在做以下事情:
app.controller('menuLoadingCtrl', function($location, $scope, authService){
$scope.model.initialRole = authService.getRole();
$scope.$watch(function(){return authService.getRole()}, function(val){
if(val && val != $scope.model.initialRole){
$scope.layout.menuSrc = 'partials/menu.html';
}
});
})
简单地将用户重定向到菜单加载视图,并从那里,一旦角色完成加载,返回到菜单视图。 我把它包含在一个函数中:
$scope.layout.reloadMenu = function(){
$scope.layout.menuSrc = 'partials/menuLoading.html';
}
我在任何需要重新加载菜单的情况下调用。
我想知道我是否可以通过在$ rootScope上从服务广播此事件,然后在控制器中监听它来使这个过程更加自动化。
对此的任何想法\建议将不胜感激。
答案 0 :(得分:53)
$watch()
正在进行污垢检查:该功能对每个摘要周期进行比较。另一方面,$broadcast()
仅在有事件时传播事件。当然,$broadcast()
比$watch()
便宜。
但你真的不得不担心这里的表现吗?循环的一个原始比较是没有的。但是,从概念上讲,$watch()
显然是您所需要的:您希望每次变量时都执行操作。我无法想象在这里使用$broadcast()
。