AngularJS无法加载资源

Question

I'm following along with an AngularJS class, specifically the AngularJS Fundamentals class, on PluralSight and am creating a demo app using AngularJS. 我将在PluralSight上关注AngularJS类，特别是AngularJS Fundamentals类，并使用AngularJS创建演示应用程序。 I've followed along perfectly and believe that I've done everything right, but for some reason, my variable isn't being printed to the screen using my controller. 我一直很好地遵循了我的观点，并相信我所做的一切都正确，但是由于某种原因，我的变量没有使用控制器打印到屏幕上。 I'm getting an error in my console that says "failed to load resource EventController.js 404." 我的控制台出现错误，提示“无法加载资源EventController.js404。” How do I fix this? 我该如何解决？

Here's my EventDetails.html : 这是我的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>

and then here's my EventController.js : 然后是我的EventController.js ：

eventsApp.controller('EventController',
function EventController($scope) {

    $scope.event = {
        name: 'Angular Boot Camp',
        date: '5/17/2018',
        time: '11:02 am'
    }
}

); ）;

There are the only two things that we've created so far and I'm really confused as to where I messed up. 到目前为止，我们仅创建了两件事，但我对弄乱的地方感到非常困惑。 Thanks! 谢谢！

EDIT : Here's my file structure: 编辑：这是我的文件结构：

Answer 1

我发现删除所有脚本源文件开头的“ /”可以使它们正确加载

AngularJS无法加载资源

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-05-18 14:52:35

AngularJS无法加载资源

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-05-18 14:52:35

解决方案1
0 已采纳 2018-05-18 14:52:35