Try using No Wrap – In Head or No wrap – in body in your fiddle: Working fiddle: http://jsfiddle.net/Q5hd6/ Explanation: Angular begins compiling the DOM when the DOM is fully loaded. You register your code to run onLoad (onload option in fiddle) => it’s too late to register your myApp module because angular begins compiling … Read more
Hope the following implementation will help you to get some understanding. angular.module(‘app.A’, []) .service(‘ServiceA’, function() { this.getValue = function() { return this.myValue; }; this.setValue = function(newValue) { this.myValue = newValue; } }); angular.module(‘app.B’, [‘app.A’]) .service(‘ServiceB’, function(ServiceA) { this.getValue = function() { return ServiceA.getValue(); }; this.setValue = function() { ServiceA.setValue(‘New value’); } });
As of today, AngularJS modules do not provide any sort of namespacing that would prevent collisions between objects in different modules. The reason is that an AngularJS app has a single injector that holds names for all objects without respect to module names. The AngularJS Developer Guide says: To manage the responsibility of dependency creation, … Read more
ui-router is a 3rd-party module and is very powerful. It supports everything the normal ngRoute can do as well as many extra functions. Here are some common reason ui-router is chosen over ngRoute: ui-router allows for nested views and multiple named views. This is very useful with larger app where you may have pages that … Read more