angularjs injection/dependency error

Question

I know it's an error on my part wiring it up and I've tried several different ways with the same result, injection error. Here is a jsFiddle http://jsfiddle.net/willtx/XZ3sX/1/ the has what I'm trying to wire up ( BUT it is broken there as well, not throwing an error or anything), my apologies. I'm pretty green here. It seems straight forward but....

This is the error when it executes. If I remove the code the page starts working again. Error: [$injector:unpr] Unknown provider: $rootscopeProvider <- $rootscope <- AddressBroadcastService

AddressBroadcastService's function is to allow other controllers to kickoff/react to an address verification. Here's an example of one of the other controllers that will react to the braodcast.

<div ng-controller="AddressCheckerController">
<script type="text/ng-template" id="AddressCheck.html">
    <div class="modal-header">
        <h3 class="modal-title">Address Verification</h3>
    </div>
    <div class="modal-body">
        <p>
            Address to verify:<br />
            {{selectedRow.address}}
        </p>
        <span>Addresses found:</span>
        <ul>
            <li ng-repeat="address in modalItems">
                <a ng-click="selected.modalItem =  address">{{ address }}</a>
            </li>
        </ul>
        Selected: <b>{{ selectedAddress }}</b>
     </div>
     <div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
     </div>
  </script>
</div>

I'm wide open to suggestions if I'm way off base.

Brocco · Accepted Answer · 2014-05-05 01:45:49Z

4

In this line you are creating a module myApp while injectcing angularStart.services

var appRoot = angular.module('myApp', ['angularStart.services']);

In this line you are trying to create a module `angularStart.services while injecting nothing

var angularStartServices = angular.module('angularStart.services');

The second one should be:

var angularStartServices = angular.module('angularStart.services', []);

if you pass one parameter to angular.module it is a get reference to a module function if you pass two it is a module creation call

Other things I found:

must inject ngResource into your appRoot module
and in order to inject ngResource you must include a reference to the angular-resource js file
$rootscope should be $rootScope

I updated your fiddle w/ these chnage

edited May 5, 2014 at 1:45

answered May 5, 2014 at 1:24

Brocco

65.4k12 gold badges74 silver badges77 bronze badges

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

1 Comment

Will Lopez Over a year ago

Ha, thank you @Brocco! I've been looking at this too long. I'm going to take a break and hit it again. You got me 1 step closer. Thanks!

Collectives™ on Stack Overflow

angularjs injection/dependency error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related