AngularJS load service then call controller and render
My problem is that i need a service loaded before the controller get called and the template get rendered. http://jsfiddle.net/g75XQ/2/ Html: <div ng-app="app" ng-controller="root"> <h3>Do not render this before user has loaded</h3> {{user}} </div> JavaScript: angular.module('app', []). factory('user',function($timeout,$q){ var user = {}; $timeout(function(){//Simulate a request user.name = "Jossi"; },1000); return user; }). controller('root',function($scope,user){ alert("Do not alert before user has loaded"); $scope.user = user; }); You can defer init of angular app using manual