Angular JS simple dependency injection

Question

I want to inject a javascript object into my controller. I decide to use "value" approach. This works:

//define a module
var mainApp = angular.module("mainApp", []);

//create a value object as "defaultInput" and pass it a data.
mainApp.value("defaultInput", 5);
...

//inject the value in the controller using its name "defaultInput"
mainApp.controller('CalcController', function($scope, CalcService, defaultInput) {
   $scope.number = defaultInput;
   ...

But as soon as i use Inline Array Annotation for controller, the defaultInput argument become underfined while controller instantiation:

mainApp.controller('CalcController', ['$scope','CalcService', function($scope, CalcService, defaultInput) {

I dont want to refuse of inline instantiation since it is recommended way accroding documentation, but can't find how to inject my object in this case. Thanks!

Pankaj Parkar · Accepted Answer · 2016-04-14 13:28:59Z

1

You missed to inject dependency defaultInput

mainApp.controller('CalcController',['$scope','CalcService','defaultInput',//<--inject here
   function($scope,CalcService,defaultInput) {

edited Apr 14, 2016 at 13:28

answered Apr 14, 2016 at 13:24

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

Angular JS simple dependency injection

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related