CODEWITHSUNDEEP
angularjsangularjs-serviceangularjs-config
zilcuanu
zilcuanu

Reputation: 3715

unable to inject custom service inside the run function of Angularjs application

I am new to Angularjs and have written my app.js which has the run function defined. I also have a custom service called coreService which I need to inject into the run function. When I inject, I get an error stating

Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- coreService http://errors.angularjs.org/1.4.7/$injector/unpr?p0=%24scopeProvider%20%3C-%20%24scope%20%3C-%20coreService

I am using the angularjs-fullstack yeoman generator to develop the application. Please let me know where I am going wrong. Link to Plnkr - Plnkr link

Upvotes: 0

Views: 422

Answers (2)

Elvin Valiev
Elvin Valiev

Reputation: 454

I corrected your code you have many errors there.Take a look at PLUNKER You cannot call $scope inside service.

'use strict';

angular.module('myApp')
  .service('coreService', function () {
      var sayHi=function(){
        console.log("Hi..");
      }

      return {
        sayHi:sayHi
      }
  });





<!DOCTYPE html>

    <html>

      <head>
        <script data-require="[email protected]" data-semver="1.4.2" src="https://code.angularjs.org/1.4.2/angular.js"></script>
        <script src="https://code.angularjs.org/1.4.6/angular-route.js"></script>
        <link rel="stylesheet" href="style.css" />


      </head>

      <body ng-app="myApp">
        <h1>Hello Plunker!</h1>

        <script src="script.js"></script> 
        <script src="coreService.js"></script>
      </body>

    </html>

And rename your coreService to coreService.js

Upvotes: 1

Tarun Dugar
Tarun Dugar

Reputation: 8971

Rename coreService to coreService.js and include coreService.js after script.js.

Upvotes: 0

Related Questions