manual bootstrap after ajax call

alter config for the application depending if the ajax call result

by Mark Coleman

HTML

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<div ng-controller="MyCtrl">{{url}}</div>

JavaScript

//if you chanée this url to /echo/fail and url will now be url1
var urlToCheck = '/echo/json/';

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

myApp.controller("MyCtrl", ["$scope", "config", function ($scope, config) {
    $scope.url = config.url;
}]);

$.ajax({
    url: urlToCheck
}).fail(function () {
    myApp.constant('config', {
        url: '/fail-url'
    });
}).done(function () {
    myApp.constant('config', {
        url: '/done-url'
    });
}).always(function () {
    angular.bootstrap(document, ['myApp']);
});