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

Question

I have a controller that updates a portion of the screen. Sometimes a user will do an action that will, on the server side, invalidate what that region shows. How then, when a user clicks a button elsewhere can I make another controller update? I have followed the usual pattern for such things ie :

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

You may to use shared service/factory for this.

If you want to pass just loaded data from one controller to another, you can pass it through the "Shared Service" and broadcast event in it with $broadcast/$emit functions. Broadcasted event can be listened in any controller with $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;
       });
   }