Error when using angular.injector() within a service

Question

I'm trying to create a service in angular and within it, to get a service using angular's $injector.get(...). (I know I can inject it, but I want to create it manually).

For some reason, I'm getting this error:

Uncaught Error: [$injector:unpr] Unknown provider:
$rootElementProvider <- $rootElement <- $location <- $urlRouter <- $state <- $location

(function () {
    var $injector = angular.injector(["myApp"]);//Here is where I get the error
    var myService= $injector.get("myService");

    var pseudoService = function(){
        var service = myService;
        return{
            service:service
        }
    }

    app.factory("pseudoService", pseudoService);
}(angular));

Here is a plunker I made. I hope it demonstrates the issue precisely.

plunker

Possible duplicate of Can't retrieve the injector from angular — layonez
– layonez, Commented Jan 9, 2017 at 12:15

Ram_T · Accepted Answer · 2017-01-09 12:01:11Z

1

See this plunker that contains your code in app.js

https://plnkr.co/edit/5VA5XgbNiCAX0ZcjDADo?p=preview

Now, its working fine.

You are writing injector code where the service is not available and you must add ng explixitly in the angular.injector() function, for more info https://docs.angularjs.org/api/ng/function/angular.injector. That is why you are getting the error

index.html

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="[email protected]" src="https://code.angularjs.org/1.3.20/angular.js" data-semver="1.3.20"></script>

    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
  </body>

</html>

app.js

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

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';


  var $injector = angular.injector(['ng', 'plunker']);
  var a = $injector.get('myService')
  console.log(a);
});

app.factory('pseudoService', pseudoService);

var pseudoService = function(){
    var service = myService;
    myService.sayHello();
    return{
     service:service
    }
}



var myService = function(){
  var sayHello = function(){
    alert("Hello")
  }
  return{
    sayHello:sayHello
  }
}

app.service('myService', myService);

edited Jan 9, 2017 at 12:01

answered Jan 9, 2017 at 10:49

Ram_T

8,50411 gold badges42 silver badges64 bronze badges

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

6 Comments

Joe Over a year ago

it is defined, somewhere else in the code, and it represents a different service

Ram_T Over a year ago

Are you sure that the error shown is belongs to the code you provided? If not, provide that code. That is related to dependency injection

Ram_T Over a year ago

Did you using ui.router in your app?

Joe Over a year ago

the ui.router works fine. the problem is occuring only when I'm trying to use the angular.injector()

Joe Over a year ago

I added a plunker

|

Community · Accepted Answer · 2017-05-23 12:16:27Z

1

That question already have a great answer on SO

https://stackoverflow.com/a/13403660/2204146

What you need is add 'ng' module first in your injector constructor

angular.injector(['ng', 'plunker']);

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Jan 9, 2017 at 11:45

layonez

1,7851 gold badge16 silver badges20 bronze badges

Collectives™ on Stack Overflow

Error when using angular.injector() within a service

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related