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 기능을 사용하여 "공유 서비스"와 브로드 캐스트 이벤트를 통해 전달할 수 있습니다. 브로드 캐스트 이벤트는 모든 컨트롤러에서 $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; 
     }); 
    }