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
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 }); }); You need to inject first controller as dependency to second controller. Here is how to do it.
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 }; }); 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 () { } }); Just try this
unified.controller('YourteamController', function uniYourteamController($scope) { $scope.$parent.listTeams(); }); 