How to call a function in another controller in angularjs

Question

unified.controller('YourteamController', function uniYourteamController($scope) {    
    testController.listTeams();
});    

unified.controller('testController', function testController($scope) {
    $scope.listTeams = function() {
        //Listing process
    };    
});

I have two controller. I need to call a function(listTeams()) in another controller(testController). How to call this using angularjs

possible duplicate of [How do I inject a controller into another controller in AngularJS](http://stackoverflow.com/questions/25417162/how-do-i-inject-a-controller-into-another-controller-in-angularjs) — Vineet, Jul 09 '15 at 13:28
you mean call a function in controller 1 from controller 2 ? — ngLover, Jul 09 '15 at 13:29
yes, I need to call a function in second controller. @ngLover — Naveen, Jul 09 '15 at 13:31
plz refer https://docs.angularjs.org/api/ng/service/$controller — ngLover, Jul 09 '15 at 13:32

score 1 · Answer 1 · answered Jul 09 '15 at 13:38

Go the service way. Easier to test, and more in line with 'best practices'.

angular.module('sharedService', function () {
  function listTeams () {
    return 'teams!';
  }

  angular.extend(this, {
    listTeams: listTeams
  })
});

angular.module('ctrl1', function ($scope, sharedService) {
  angular.extend($scope, {
    listTeams: sharedService.listTeams
  });
});

angular.module('ctrl2', function ($scope, sharedService) {
  angular.extend($scope, {
    listTeams: sharedService.listTeams
  });
});

score 0 · Answer 2 · edited May 23 '17 at 10:24

0

You need to inject first controller as dependency to second controller. Here is how to do it.

edited May 23 '17 at 10:24

Community

1
1

answered Jul 09 '15 at 13:30

Laxmikant Dange

7,606
6
40
65

Whats the difference in your answer and my comment ? – Vineet Jul 09 '15 at 13:36

score 0 · Answer 3 · answered Jul 09 '15 at 13:36

do the following ...

  unified.controller('YourteamController', function uniYourteamController($scope) {    
        var testController= $scope.$new();
        $controller('testController',{$scope : testCtrl1ViewModel });
        testController.listTeams();
    });    

    unified.controller('testController', function($scope) {
        $scope.listTeams = function() {
            //Listing process
        };    
    });

score 0 · Answer 4 · answered Jul 09 '15 at 13:55

you have to make a service that will return a function that can be used in both controllers having diffrent scope.

========================================

unified.controller('YourteamController', function uniYourteamController($scope, $abc) {

$abc.listTeams();
});

unified.controller('testController', function testController($scope, $abc) {
$abc.listTeams();
});

unified.service('abc', function () {


this.listitems = function () {

}
});

score 0 · Answer 5 · answered Jul 17 '15 at 07:05

0

Just try this

unified.controller('YourteamController', function uniYourteamController($scope) {    
    $scope.$parent.listTeams();
});

answered Jul 17 '15 at 07:05

Saiju

350
2
8

How to call a function in another controller in angularjs

5 Answers5