angularjs - Angular Boostsrapping を使用した ngroute

Question

サービス呼び出しを使用してサーバーからデータを取得した後にのみ、アプリをロードしたい角度のブートストラップを機能させようとしていました。ただし、これを $routeprovider で機能させることはできません。このブートストラップの後、ルートが機能しません。私がここで何をしているのか誰にもわかりますか???

var myApp = angular.module('myApp', [ 'ngRoute', 'ui.bootstrap',
        'dataHandler', 'underscore','ngAnimate', 'angular-loading-bar' ]);


fetchData();

function fetchData() {
    var initInjector = angular.injector(["ng"]);
    var $http = initInjector.get("$http");

    return $http.get("/path/to/data.json").then(function(response) {
        bootstrapApplication();
    }, function(errorResponse) {
        // Handle error case
        bootstrapApplication();
    });
}

function bootstrapApplication() {
    angular.element(document).ready(function() {


myApp.config([ '$routeProvider', function($routeProvider) {
    $routeProvider.when('/', {
        redirectTo : '/dashboard'
    }).when('/dashboard', {
        menuItem: 'DASHBOARD',
        templateUrl : '../views/customer/dashboard/customerDashboard.html',
        controller : 'CustomerDashboardControllerPT',
        controllerAs : 'custdashboard'
    }).otherwise({
        redirectTo : '/'
    });
    //$locationProvider.html5Mode(true);

}]);




    angular.bootstrap(document, ["myApp"]);
});
}

私のMainControllerも認識していないようです。私のhtmlファイルには、次のようなコードがあります。

<div class="container" ng-controller="MainController as main">
            <div class="row">
                <div class="col-sm-12"></div>
            </div>
        </div>
        <script type="text/javascript"
        src="../frameworks/jquery/jquery-1.11.2.min.js"></script>
        <script type="text/javascript"
        src="../frameworks/bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript" src="../frameworks/angular/angular.min.js"></script>
        <script type="text/javascript"
        src="../frameworks/angular/angular-route.js"></script>
        <script type="text/javascript"  src="../frameworks/angular/angular-animate.js"></script>
        <script type="text/javascript" src="../frameworks/angular/ui-bootstrap.js"></script>
        <script type="text/javascript" src="../frameworks/underscore/underscore.js"></script>
        <script type="text/javascript" src="../frameworks/moment/moment.min.js"></script>
        <script type="text/javascript" src="../frameworks/angular/loading-bar.js"></script>


        <script type="text/javascript" src="../js/controllers/MainController.js"></script>