app.config() не работает при использовании ui.router в angularjs
Я новичок в 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>