Я пытаюсь реализовать простой пользовательский интерфейс-маршрутизатор, я, вероятно, отсутствует что-то простое, но я не могу видеть, где моя ошибка, у меня есть это в моих app.jsUI-маршрутизатор не загружается шаблон
angular.module('tourOfHonorApp', ['ui.router'])
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('app', {
url:'/',
views: {
'header': {
template : '<h1>Header</h1>'
},
'content': {
template : '<h1>To be Completed</h1>'
},
'footer': {
template : '<h1>Footer</h1>'
}
}
});
});
Внутри моей index.html у меня есть следующее:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tour Of Honor</title>
</head>
<body ng-app="tourOfHonorApp">
<div ui-view="header"></div>
<div ui-view="content"></div>
<div ui-view="footer"></div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="app.js"></script>
</body>
</html>
Так может кто-нибудь сказать мне, что мне не хватает? Почему этот код не загружается в моем шаблоне? EDIT: Вот код server.js я должен настроить на nodejs сервер:
var connect = require('connect');
var serveStatic = require('serve-static');
connect().use(serveStatic(__dirname)).listen(8080, function(){
console.log('Server running on 8080...');
});
Спасибо за любую помощь вы можете дать мне.
Это исправлено. Благодарю. Я думал, что это необязательно. Я был неправ. – tcoulson