BenArunski/index.html

## index.html
<html>
  <body>
    ...
    <script>
      (function() {
        'use strict';
        var cb = function (cfg) {
          angular.module('app.config', []).constant('CONFIG', cfg);
          angular.element(document).ready(function() {
            // instead of <html ng-app="main">
            angular.bootstrap(document, ['main']);
          });
        };
        angular.injector(['ng']).get('$http').get('/other-app-on-tomcat/config.json').then(
          function(res){ cb(res.data); },
          function(reason){ cb({failed: reason}) }
        );
      })();
    </script>
  </body>
</html>

## main.route.js
(function () {
  'use strict';

  angular
    .module('main')
    .config(config);

  /** @ngInject */
  function config($stateProvider) {

    $stateProvider
      .state('app', {
          abstract: true,
          resolve: {
            checkConfig: checkConfig
          }
        }
      );

    /* @ngInject */
    function checkConfig($q, CONFIG, $log) {
      var d = $q.defer();
      var routeKiller = d.promise;

      if(CONFIG.failed) {
        cancelRouteAndMessage(CONFIG.failed);
      } else {
        success();
      }
      function cancelRouteAndMessage(reason) {
        $log.error('Is other-app-on-tomcat running?  There was a problem fetching the config because of the error:');
        $log.error(reason);
        d.reject('There was a problem fetching the config');
      }
      function success() {
        d.resolve('config is loaded and verified');
      }
      return routeKiller;
    }
  }
})();
	<html>
	<body>
	...
	<script>
	(function() {
	'use strict';
	var cb = function (cfg) {
	angular.module('app.config', []).constant('CONFIG', cfg);
	angular.element(document).ready(function() {
	// instead of <html ng-app="main">
	angular.bootstrap(document, ['main']);
	});
	};
	angular.injector(['ng']).get('$http').get('/other-app-on-tomcat/config.json').then(
	function(res){ cb(res.data); },
	function(reason){ cb({failed: reason}) }
	);
	})();
	</script>
	</body>
	</html>
	(function () {
	'use strict';

	angular
	.module('main')
	.config(config);

	/** @ngInject */
	function config($stateProvider) {

	$stateProvider
	.state('app', {
	abstract: true,
	resolve: {
	checkConfig: checkConfig
	}
	}
	);

	/* @ngInject */
	function checkConfig($q, CONFIG, $log) {
	var d = $q.defer();
	var routeKiller = d.promise;

	if(CONFIG.failed) {
	cancelRouteAndMessage(CONFIG.failed);
	} else {
	success();
	}
	function cancelRouteAndMessage(reason) {
	$log.error('Is other-app-on-tomcat running? There was a problem fetching the config because of the error:');
	$log.error(reason);
	d.reject('There was a problem fetching the config');
	}
	function success() {
	d.resolve('config is loaded and verified');
	}
	return routeKiller;
	}
	}
	})();