Javascript 在angularjs中使用ui.router时app.config（）不工作_Javascript_Angularjs_User Interface_Angular Ui Router

Javascript 在angularjs中使用ui.router时app.config（）不工作

javascript angularjs user-interface

Javascript 在angularjs中使用ui.router时app.config（）不工作,javascript,angularjs,user-interface,angular-ui-router,Javascript,Angularjs,User Interface,Angular Ui Router,我是新来的AngularJs。我收到了第一份作业，在我的应用程序中添加ui.router功能时遇到了问题。我以前用过它，但在这个特殊的程序中它不起作用。我使用console.log（test）检查代码执行的位置，并且它没有在.config下打印任何内容。怎么了 main.js： var employeeNetworkApp = angular.module("myEmployeeUI",["ui.router"]); employeeNetworkApp.config(function($st

我是新来的

AngularJs

。我收到了第一份作业，在我的应用程序中添加

ui.router

功能时遇到了问题。我以前用过它，但在这个特殊的程序中它不起作用。我使用

console.log（test）

检查代码执行的位置，并且它没有在

.config

下打印任何内容。怎么了

main.js：

var employeeNetworkApp = angular.module("myEmployeeUI",["ui.router"]);

employeeNetworkApp.config(function($stateProvider, $urlRouterProvider) {
    console.log('test')
    $urlRouterProvider.otherwise('/');

    $stateProvider.state('/', {
        url: '/',
        templateUrl: 'partials/EmployeeUI.html'
    });
});

<!Doctype html>
<html>
<head>
    <link rel="stylesheet" type ="text/css" href = "css/bootstrap.css">
    <link rel="stylesheet" type ="text/css" href = "css/bootstrap.min.css">
    <link rel="stylesheet" type ="text/css" href = "css/bootstrap-theme.css">
</head>
<body ng-app="myEmployeeUI">
    <div ng-include="'partials/EmployeeUI.html'"></div>

    <div ui-view></div>

    <!--<div ng-include="'../partials/LaunchModalDemo.html'"></div>-->
    <script src="js/angular.js"></script>
    <script src ="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.min.js"></script>

    <script src="js/main.js"></script>
    <script src ="js/jquery.js"></script>
    <script src = "controllers/employeeDatabase.controller.js"></script>
    <script src = "js/bootstrap.js"></script>
    <script src="controllers/page.controller.js"></script></body>
</html>

index.html：

var employeeNetworkApp = angular.module("myEmployeeUI",["ui.router"]);

employeeNetworkApp.config(function($stateProvider, $urlRouterProvider) {
    console.log('test')
    $urlRouterProvider.otherwise('/');

    $stateProvider.state('/', {
        url: '/',
        templateUrl: 'partials/EmployeeUI.html'
    });
});

<!Doctype html>
<html>
<head>
    <link rel="stylesheet" type ="text/css" href = "css/bootstrap.css">
    <link rel="stylesheet" type ="text/css" href = "css/bootstrap.min.css">
    <link rel="stylesheet" type ="text/css" href = "css/bootstrap-theme.css">
</head>
<body ng-app="myEmployeeUI">
    <div ng-include="'partials/EmployeeUI.html'"></div>

    <div ui-view></div>

    <!--<div ng-include="'../partials/LaunchModalDemo.html'"></div>-->
    <script src="js/angular.js"></script>
    <script src ="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.min.js"></script>

    <script src="js/main.js"></script>
    <script src ="js/jquery.js"></script>
    <script src = "controllers/employeeDatabase.controller.js"></script>
    <script src = "js/bootstrap.js"></script>
    <script src="controllers/page.controller.js"></script></body>
</html>

使用ui路由器时，头部还应包括一个基本标签。我认为config函数仍然应该执行，但是值得一试。把这个放在你的头上。从本页开始，只需搜索“base”，这是第四个结果。