Javascript Angular应用程序未启动？

我想弄清楚为什么我的angular应用程序不工作

因此，我有以下代码：

app.modules.js

angular.module("quickscan", [
        "ui.router",

        "quickscan.controllers"
]);

angular.module("quickscan.controllers", []);

var app = angular.module("quickscan");

app.config(function ($stateProvider, $urlRouterProvider, $controllerProvider, $compileProvider, $filterProvider, $provide, $httpProvider) {
    $urlRouterProvider.otherwise("/test");

    $stateProvider
        .state("app", {
            abstract: true,
            templateUrl: "shared/Layout/Main.html"
        })
        .state("app.root", {
            url: "/test",
            templateUrl: "shared/Main/Main.html"
        })
        .state("buildings", {
            url: "/buildings",
            controller: "BuildingDetailController",
            templateUrl: "components/BuildingDetail/BuildingDetailView.html"
        });
});

(function () {

    var app = angular.module("quickscan");

    app.config(function ($stateProvider, $urlRouterProvider, $controllerProvider, $compileProvider, $filterProvider, $provide, $httpProvider) {
        $urlRouterProvider.otherwise("/test");

        $stateProvider
            .state("app", {
                abstract: true,
                templateUrl: "shared/Layout/Main.html"
            })
            .state("app.root", {
                url: "/test",
                templateUrl: "shared/Main/Main.html"
            })
            .state("buildings", {
                url: "/buildings",
                controller: "BuildingDetailController",
                templateUrl: "components/BuildingDetail/BuildingDetailView.html"
            });
    });

})(); 
var Building = function (data) {
 // some other class
    return building;
};

var Category = function (data, parent, building) {
        // some class 
    return category;
};

(function () {
    "use strict";

    angular
        .module("quickscan.controllers")
        .controller("BuildingDetailController",
        function ($scope, $rootScope) {
            var vm = this;
            vm.title = "Building Detail";

            function activate() {
                console.log("test");
            }

            activate();

        });
})();
(function () {
    "use strict";

    angular
        .module("quickscan.controllers")
        .controller("CategoryDetailController",
        function ($scope, $rootScope) {
            var vm = this;
            vm.title = "Building Detail";

            function activate() {
                console.log("test");
            }

            activate();

        });
})();

app.routes.js

angular.module("quickscan", [
        "ui.router",

        "quickscan.controllers"
]);

angular.module("quickscan.controllers", []);

var app = angular.module("quickscan");

app.config(function ($stateProvider, $urlRouterProvider, $controllerProvider, $compileProvider, $filterProvider, $provide, $httpProvider) {
    $urlRouterProvider.otherwise("/test");

    $stateProvider
        .state("app", {
            abstract: true,
            templateUrl: "shared/Layout/Main.html"
        })
        .state("app.root", {
            url: "/test",
            templateUrl: "shared/Main/Main.html"
        })
        .state("buildings", {
            url: "/buildings",
            controller: "BuildingDetailController",
            templateUrl: "components/BuildingDetail/BuildingDetailView.html"
        });
});

(function () {

    var app = angular.module("quickscan");

    app.config(function ($stateProvider, $urlRouterProvider, $controllerProvider, $compileProvider, $filterProvider, $provide, $httpProvider) {
        $urlRouterProvider.otherwise("/test");

        $stateProvider
            .state("app", {
                abstract: true,
                templateUrl: "shared/Layout/Main.html"
            })
            .state("app.root", {
                url: "/test",
                templateUrl: "shared/Main/Main.html"
            })
            .state("buildings", {
                url: "/buildings",
                controller: "BuildingDetailController",
                templateUrl: "components/BuildingDetail/BuildingDetailView.html"
            });
    });

})(); 
var Building = function (data) {
 // some other class
    return building;
};

var Category = function (data, parent, building) {
        // some class 
    return category;
};

(function () {
    "use strict";

    angular
        .module("quickscan.controllers")
        .controller("BuildingDetailController",
        function ($scope, $rootScope) {
            var vm = this;
            vm.title = "Building Detail";

            function activate() {
                console.log("test");
            }

            activate();

        });
})();
(function () {
    "use strict";

    angular
        .module("quickscan.controllers")
        .controller("CategoryDetailController",
        function ($scope, $rootScope) {
            var vm = this;
            vm.title = "Building Detail";

            function activate() {
                console.log("test");
            }

            activate();

        });
})();

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Quickscan App v2</title>
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="content/css/app.css">
</head>
<body>

    <div ng-view id="view"></div>

    <!-- order dependend scripts -->
    <script src="scripts/jquery/jquery.js"></script>
    <script src="scripts/angular/angular.js"></script>
    <script src="app/app.module.js"></script>

    <!--remaining scripts-->
    <script src="content/js/scripts.js"></script>

    <!--angular scripts-->
    <script src="content/js/all.js"></script>

    <script>
        setTimeout(function() {
            angular.bootstrap(document, ['quickscan']);
            console.log("Hello");
        }, 3000);

    </script>

</body>
</html>

---

但是应用程序没有加载我的任何视图，我的控制器也没有报告

测试
，它没有被重定向到
/#
，也没有显示任何错误，任何人都有线索吗？
看起来你没有使用ui-view指令，请参阅

你的



应该是

<div ui-view></div>


尝试使用ng应用程序在html中初始化应用程序？是的，与手动引导的结果相同浏览器控制台显示记录的任何错误？@mindparse没有显示任何错误如何，我怎么会不知道，但这确实是问题所在，谢谢！欢迎光临！，该链接充满了有用的阅读内容，因此请务必查看ui路由器的其他功能，其功能非常强大：）