app.config()在angularjs中使用ui.router时无法正常工作

时间:2016-03-19 05:24:48

标签: 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($stateProvider, $urlRouterProvider) {
    console.log('test')
    $urlRouterProvider.otherwise('/');

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

的index.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>

0 个答案:

没有答案
相关问题