Я следую вместе с классом AngularJS, в частности классом AngularJS Fundamentals, на PluralSight и создаю демонстрационное приложение с использованием AngularJS. Я отлично следовал и считаю, что все сделал правильно, но по какой-то причине моя переменная не выводится на экран с помощью моего контроллера. В консоли я получаю сообщение об ошибке «Не удалось загрузить ресурс EventController.js 404.» Как мне это исправить?
Вот мой EventDetails.html:
<!doctype html>
<html lang="en" ng-app="eventsApp">
<head>
<meta charset="utf-8">
<title>Event Registration</title>
<link rel="stylesheet" href="/css/bootstrap.min.css"/>
<link rel="stylesheet" href="/css/app.css"/>
</head>
<body>
<div class="container">
<div ng-controller="EventController">
{{event.date}}
</div>
</div>
<script src="/lib/jquery.min.js"></script>
<script src="/lib/underscore-1.4.4.min.js"></script>
<script src="/lib/bootstrap.min.js"></script>
<script src="/lib/angular/angular.js"></script>
<script src="/js/app.js"></script>
<script src="/js/controllers/EventController.js"></script>
</body>
</html>
и вот мой EventController.js:
eventsApp.controller('EventController',
function EventController($scope) {
$scope.event = {
name: 'Angular Boot Camp',
date: '5/17/2018',
time: '11:02 am'
}
}
);
Есть только две вещи, которые мы создали до сих пор, и я действительно смущен тем, где я все испортил. Спасибо!
РЕДАКТИРОВАТЬ : Вот моя файловая структура: 