Как правильно найти угловой частичный вид

Question

Я пытаюсь следовать примеру кода из курса PluralSite AngularJS. После загрузки кода примера я обнаружил, что есть проблема с поиском всех частичных представлений, определенных в примере приложения.

Структура проекта заключается в следующем:

DemoApp/app/partials 
DemoApp/app/js/app.js 

Первый частичный вид, который не найден в:

GET http://myserver.mydomain.com:63342/partials/eventList.html 404 (Not Found) eventList.html 

Вот снимок пути OS:

/Users/eugene/Documents/DevTraining/MeanStack/AngularJS/AngularJS Fundamentals/Demos/Original/DemoApp/app/partials/eventList.html 

Как вы можете видеть, файл явно там.

Вот как маршруты определены в app.js:

'use strict'; 

var eventsApp = angular.module('eventsApp', ['ngResource']); 
eventsApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $routeProvider.when('/events', {templateUrl: '/partials/eventList.html', controller: 'EventListController'}); 
    $routeProvider.when('/events/:eventId/sessions/edit/:sessionId', {templateUrl: '/partials/editSession.html', controller: 'EditSessionController'}); 
    $routeProvider.when('/events/:eventId/sessions/new', {templateUrl: '/partials/editSession.html', controller: 'EditSessionController'}); 
    $routeProvider.when('/event/:eventId', {templateUrl: '/partials/event.html', controller: 'EventController'}); 
    $routeProvider.when('/events/new', {templateUrl: '/partials/editEvent.html', controller: 'EditEventController'}); 
    $routeProvider.when('/events/edit/:eventId', {templateUrl: '/partials/editEvent.html', controller: 'EditEventController'}); 
    $routeProvider.when('/register', {templateUrl: '/partials/editProfile.html', controller: 'EditProfileController'}); 
    $routeProvider.when('/editProfile', {templateUrl: '/partials/editProfile.html', controller: 'EditProfileController'}); 
    $routeProvider.when('/viewProfile/:userName', {templateUrl: '/partials/viewProfile.html', controller: 'ViewProfileController'}); 
    $routeProvider.when('/login', {templateUrl: '/partials/login.html', controller: 'LoginController'}); 
    $routeProvider.otherwise({redirectTo: '/events'}); 
    $locationProvider.html5Mode(true); 
    }]); 

Любая помощь очень ценится.

Answer 1

Ну, там были две разные проблемы здесь:

1. Как указывает robertklep, что-то не так с моей экспресс конфигурации. Фактически, не было никакой конфигурации Express даже в этом случае - просто прямой сервер узла для запуска углового внешнего интерфейса. Чтобы исправить это, я создал самый основанный экспресс-сервер:

   var express = require("express"); 
   var app = express(); 
   
   /* serves main page */ 
   app.get("/", function(req, res) { 
       res.sendfile('index.html', { root: 'app' }); 
   }); 
   
   ///* serves all the static files */ 
   app.get(/^(.+)$/, function(req, res){ 
       console.log('static file request : ' + req.params); 
       res.sendfile(__dirname + req.params[0]); 
   }); 
   
   var port = process.env.PORT || 3000; 
   app.listen(port, function() { 
       console.log("Listening on " + port); 
   }); 
   

   Это позволило мне начать разрывая мою страницу index.html, которая, в свою очередь, содержит угловые метки и директивы.

2. Другая (т. Е. Оригинальная) проблема неправильного отображения/частичных отображений связана с тем, откуда был запущен процесс Экспресс-сервера.

После того, как я понял, что я разместил свой серверный скрипт в каталоге приложений, что позволяет правильно распознать отображение/частичные, что, в свою очередь, позволили для угловых частичных фрагментов можно найти и правильно служил , Теперь это работает.