javascript - 如何使用 Angular 刷新页面以从服务中获取新值？

Question

我的页面有 1 个表格和 2 个图表，我如何在按下刷新按钮时刷新我的图表和表格，因为我的表格和 2 个不同的图表来自单个页面上的 3 个不同的 Controller 。我想刷新所有这些，以便他们能够再次从网络服务获取新值，并通过单击或单个刷新按钮相应地重新创建页面。

我也尝试过一些想法。

$scope.refreshChart = function(){
    alert("refresh"); 
    // $scope.dashloader = true;
  $state.go('plm.creator');
  // $scope.dashloader = false;
   console.log("On page refresh called; not from dashboard page");


}

但是这些并没有按照我的预期工作，请帮忙

Answer 1

您可以尝试的一件事是使用 $scope.$broadcast(name, args) 广播一个事件(事件名称只是您组成的字符串)，所有 Controller 都可以监听该事件，然后运行其代码来刷新。

Controller 使用 $scop.$on(event,listener) 进行监听

所以一个 Controller 就可以做到这一点:

$scope.$broadcast('MyRefreshEvent', args);

另一个 Controller 会这样做:

$scope.$on('MyRefreshEvent', function (args) {
    //handle refresh
});