Метод вызова контроллера в другом контроллере angularjs

Question

Я пытаюсь вызвать метод civilitiyController в CustomerController. Таким образом, при моем поиске я нашел диспетчера событий для вызова метода, но мне не удалось вернуть результат из CivilityController в CustomerController.

Я уже попытался это:

1/ civilitiesController:

$scope.$on("getListCivilities", function(event, args){ 
    $scope.civilities = getCivilitiesList(); 
}); 

customersController : 

$scope.$broadcast("getListCivilities"); 
console.dir($scope.civilities) // after run civilities = undefined 

2/CivilitiesController:

$scope.$on("getListCivilities" , function(event, args){ 
    var list = getCivilitiesList(); 
    return list; 
}); 

CustomersController:

$scope.civilities = $scope.$broadcast("getListCivilities"); 
console.dir($scope.civilities); //display var of broadcast 

3/Edit: После первого ответа, я попытался это:

любезностями контроллер:

function getCivilitiesList() 
    { 
     var reqGetCivilities = $http({ url: 'api/Civilities/Get' }); 
     reqGetCivilities.success(function(data){ 
      $scope.civilities = data; 
      $scope.$broadcast("getListCivilities", { list: $scope.civilities }); 
      return data; 
     }); 
    } 
    getCivilitiesList(); 

customersController:.

function test() 
    { 
     $scope.$on("getListCivilities", function (event, args) { 
      $scope.civilities = args.list; 
      console.log('test0'); 
      console.dir($scope.civilities); 
     }); 
    } 

    test(); 

$ сфера $ на никогда не выполняется, и я не понять, почему.

Я надеюсь, что кто-то может мне помочь.

Answer 1

проверить это plunker

app.controller('Controller1', function($scope) { 
    $scope.name = 'World'; 
    $scope.$on('ValueUpdated', function(event, args) { 
    $scope.name = args.currentValue; 
    }); 
}); 

app.controller('Controller2', ['$rootScope', '$scope', function($rootScope, $scope) { 
    $scope.myData = "type here"; 
    $scope.broadCast = function() { 
    $rootScope.$broadcast('ValueUpdated', { 
     currentValue: $scope.myData 
    }); 
    } 

Я использовал передачу, но вы можете сделать это с помощью услуг и наблюдатели тоже.

Answer 2

Я думаю, ниже должно работать:

function CivilitiesController($scope) 
{ 
    $scope.$on('someEvent', function(event, args) {}); 
    // another controller or even directive 
} 

function CustomersController($scope) 
{ 
    $scope.$emit('someEvent', args); 
} 

JSFiddle (для более подробной информации): http://jsfiddle.net/nikdtu/moo89kaw/

Answer 3

Ахмет Zeytindalı, это вся моя CivilitiesController:

(function() { 
'use strict'; 
'use strict'; 

angular 
    .module('LSapp') 
    .controller('CivilitiesCtrl', CivilitiesCtrl) 

CivilitiesCtrl.$inject = ['$scope', '$http', '$rootScope']; 

function CivilitiesCtrl($scope, $http, $rootScope) { 
    function getCivilitiesList() 
    { 
     var reqGetCivilities = $http({ url: 'api/Civilities/Get' }); 
     reqGetCivilities.success(function(data){ 
      $scope.civilities = data; 
     }); 
    } 
    getCivilitiesList(); 

    function getList() 
    { 
     $rootScope.$broadcast("getListCivilities", { list: $scope.civilities }); 
    } 
    getList(); 
} 

})();

И способ извлечь список:

(function() { 
'use strict'; 

angular 
    .module('LSapp') 
    .controller('CustomersCtrl', CustomersCtrl) 

CustomersCtrl.$inject = ['$scope', '$http', '$location', '$modal', '$window', '$compile','$cookies', '$state','locker','$q','$timeout', '$rootScope']; 

function CustomersCtrl($scope, $http, $location, $modal, $window, $compile, $cookies, $state, locker, $q, $timeout) { 
    //some code 
function test() 
    { 
     $scope.$on("getListCivilities", function (event, args) { 
      $scope.civilities = args.list; 
      console.log('$on args : '); 
      console.dir(args); 
     }); 
    } 
    test(); 

} 

});

Метод $ on не запускается и если после метода put console.log ($ scope.civilities) результат всегда не определен.