Неожиданный результат с использованием angular-маршрутов - PullRequest
0 голосов
/ 24 декабря 2018

Я работаю над книгой «Веб-разработка 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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...