什么是“更便宜”的性能明智的 $broadcast 或 $watch

Question

我的应用程序中存在每次用户角色更改时都需要重新加载菜单的情况（一个用户可以在多个公司担任角色）。

我想知道解决这个问题的最佳方法是什么。

目前我正在做以下事情：

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 上的服务广播此事件，然后在控制器中监听它来使此过程更加自动化。

对此的任何想法\建议将不胜感激。

Answer 1

$watch() 正在进行污垢检查：该函数在每个摘要周期进行比较。另一方面，$broadcast() 仅在有事件时传播事件。当然，$broadcast() 比 $watch() 便宜。

但是您真的需要担心这里的性能吗？一个原始的循环比较什么都不是。但是，从概念上讲，$watch() 显然是您需要的：您希望每次变量更改时都执行一个操作。我无法想象在这里使用$broadcast()。