Я работаю над книгой «Веб-разработка MEAN от Амоса Хавива» и не получаю ожидаемых результатов в какой-то части главы, посвященной маршрутизации AngularJS.Этот раздел книги посвящен настройке угловой маршрутизации для одностраничного приложения.Короче говоря, я ожидаю, что при переходе к http://localhost:3000, маршрутизатор AngularJS должен перенаправить запрос на http://localhost:300/#!/ и увидеть два текстовых поля из одного из моих представлений.
Я следовал коду в точности так, как он указан в книге, и несколько раз проверял код, чтобы проверить, что я что-то пропустил.Процесс, описанный в книге, выглядит следующим образом: - настроить маршрутизацию приложения в файле public / application.js - использовать модуль ngRoute для управления маршрутами в файле public / example / example.client.routes.js - включая сценарии в представлении.html-файл и добавление - наконец, сервер
файл my application.js:
var mainApplicationModuleName = 'mean';
var mainApplicationModule = angular.module(mainApplicationModuleName,
['ngRoute', 'example']);
mainApplicationModule.config(['$locationProvider',
function($locationProvider) {
$locationProvider.hashPrefix('!');
}
]);
angular.element(document).ready(function() {
angular.bootstrap(document, [mainApplicationModuleName]);
});
файл my example.client.routes.js:
angular.module('example').config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'example/views/example.client.view.html'
}).
otherwise({
redirectTo: '/'
});
}
]);
myфайл example.client.view.html:
<section ng-controller="ExampleController">
<input type="text" id="text1" ng-model="name">
<input type="text" id="text2" ng-model="name">
</section>
В мой файл index.ejs я включил <section ng-view></section>
, а также теги сценария для example.client.routes.js, example.client.controller.js, example.client.module.js в дополнение к angular.js и angular-route.js
Когда я запускаю сервер узлов, в журнале консоли появляются следующие запросы:
Сервер работает
GET / 304 32,496 мс - -
GET /img/logo.png 404 11,459 мс - 25
GET /lib/angular/angular.js 304 15,638 мс - -
GET /lib/angular-route/angular-route.js 304 12,533 мс - -
GET /example/example.client.module.js 304 14,989 мс - -
GET /example/controllers/example.client.controller.js 304 15,237 мс - -
GET /example/config/example.client.%20%20%20% 20% 20% 20% 20% 20routes.js 404 15,647 мс - 76
Согласно книге я должен быть перенаправлен на http://localhost:3000/#!/ и должен видеть мои две формыкоторые являются частью моего взгляда, однако это не то, что происходит.Страница просто остается на http://localhost:3000/, и я не вижу формы.В журнале выше я не могу понять, почему маршрут отображается как
GET /example/config/example.client.%20%20%20%20%20%20%20%20routes.js
, а не как
GET /example/config/example.client.routes.js