AngularJS：从另一个控制器或JS调用控制器更新功能

Question

我有一个更新屏幕一部分的控制器。 有时，用户执行的操作将在服务器端使该区域显示的内容无效。 然后，当用户单击其他位置的按钮时，如何进行另一个控制器更新？ 我已经遵循了通常的模式，例如：

appControllers.controller('linksController', ['$scope', '$filter', '$interval', function ($scope, $filter, $interval) {

    $scope.update = function () {
        // update code here... this is what I want to invoke from another function or area of JS
    }

Answer 1

您可以为此使用共享服务/工厂。

如果要将刚加载的数据从一个控制器传递到另一个控制器，则可以通过$broadcast/$emit shared $broadcast/$emit函数通过“共享服务”传递它并在其中广播事件。 广播事件可以在任何带有$scope.$on控制器中收听。

   angular.module("appControllers", []).factory("sharedService", function($rootScope){

        var mySharedService = {};

        mySharedService.values = {};

        mySharedService.passData = function(newData){
            mySharedService.values = newData;
            $rootScope.$broadcast('dataPassed');
        }

        return mySharedService; 
   });

    appControllers.controller('linksController', ['$scope', 'sharedService', function ($scope, sharedService) {
       $scope.update = function(newData){
           sharedService.passData(newData);
       };
    }

   appControllers.controller('anotherController', ['$scope', 'sharedService', function ($scope, sharedService) {
       $scope.$on('dataPassed', function () {
          $scope.newItems = sharedService.values;
       });
   }