how to call a function from module dependency (another module)

Question

I want to create seperate module for pagination, because I will need it to reuse in different modules, but I don't know how to call a function from module dependency (another module)

Here is my main module:

var App = angular.module('search', ['pagination']);

App.controller('MainController', ['$scope', '$pagination' function($scope, $pagination) {
    $scope.testFunction(); //function from pagination module controller
}])

Here is my pagination module:

var App = angular.module('pagination', []);

App.controller('PaginationController', ['$scope', function($scope) {
    $scope.testFunction = function(){
        console.log("pagination module");
    }
}])

I get error:

Error: [$injector:unpr] Unknown provider: $paginationProvider <- $pagination

You haven't declared a service (provider) called $pagination. Where is that? You can't inject something that doesn't exist. Why are you creating a controller in the pagination module, only to be injected into another controller? — Ian
– Ian, Commented Oct 3, 2014 at 7:40
There's plenty here: docs.angularjs.org/guide/services . Instead of creating a controller in the pagination module, create a service/factory (and name it something else...Angular modules usually start with "$" and it's advised not to do it yourself — Ian
– Ian, Commented Oct 3, 2014 at 7:44

CozyAzure · Accepted Answer · 2014-10-03 08:02:02Z

1

To share resources across two modules, declare a factory or a service.

Suppose you have a search module:

//you inject your pagination module here
var searchModule = angular.module('search', ['pagination']);

//and you ALSO need to inject your pagination's service into your controller
searchModule.controller('MainController', ['$scope', 'paginationSvc' function($scope, paginationSvc) {
  //function from pagination module controller
  paginationSvc.testFunction();
}])

And your pagination module:

var pagination = angular.module('pagination', []);

//declare your pagination service here
pagination.factory('PaginationSvc', [function(){
 return {
   testFunction:testFunction
 };
 function testFunction(){
   console.log('This is from pagination module');
}
}])

Maybe a little plnkr will help :D

answered Oct 3, 2014 at 8:02

CozyAzure

8,4987 gold badges39 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

meriadec · Accepted Answer · 2014-10-03 07:43:21Z

0

You can't inject a controller in a controller. Your pagination module need to declare a service or factory or provider wich will be be injected in your controller.

See docs here.

answered Oct 3, 2014 at 7:43

meriadec

2,98321 silver badges20 bronze badges

Comments

Fordio · Accepted Answer · 2014-10-03 07:47:11Z

0

You should create a pagination directive and insert that where you need it. You might get some good ideas from this post.

answered Oct 3, 2014 at 7:47

Fordio

3,8802 gold badges16 silver badges18 bronze badges

Collectives™ on Stack Overflow

how to call a function from module dependency (another module)

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related