Я тестирую фреймворк Angular, и мои последние тесты основаны на маршрутизации.
Я делал пример, в котором у меня есть типичная настройка проекта: исходная папка с index.html, которая имеет следующее:
<!DOCTYPE HTML>
<html ng-app="test">
<head>
<!-- Plugins/Frameworks !-->
<script type="text/javascript" src="plugins/angular.js"></script>
<script type="text/javascript" src="plugins/angular-route.js"></script>
<!-- JS !-->
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/controllers.js"></script>
<script type="text/javascript" src="js/directives.js"></script>
<script type="text/javascript" src="js/services.js"></script>
<!-- Stylesheets !-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div ng-view>
</div>
</body>
</html>
И затем папки js (с контроллерами, директивами, определением модуля ...), css и плагинами (где у меня есть angular.js и angular-route.jos).
Это то, что у меня есть в определении модуля на js / app.js:
var app = angular.module('test', ['ngRoute', 'controllers', 'directives', 'services']);
app.config(['$routeProvider',function($routeProvider) {
$routeProvider.
when('/index', {
templateUrl: 'templates/main.html',
controller: 'mainCtrl'
}).
otherwise({
redirectTo: '/index'
});
}]);
Он должен работать при вводе localhost / testSite / index, возвращая меня в этот шаблон:
<div class="page-header">
<h1>Test site<small>For test purposes</small></h1>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 sidebar">
Test, test, test!
</div>
... не так ли? Что ж, это не так.
У меня возникает эта ошибка каждый раз, когда я обращаюсь к своему index.html:
Что может быть причиной этого?
Эти сообщения об ошибках действительно раздражают читать, но вот перевод: no mod 'directives' для модуля 'test':