AngularJS无法加载资源

时间:2018-05-17 15:24:27

标签: javascript angularjs

我跟随一个AngularJS类,特别是关于PluralSight的AngularJS Fundamentals类,我正在使用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>
&#13;
&#13;
&#13;

然后点击我的EventController.js

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

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

);

到目前为止,我们只创造了两件事,而且我对于搞砸的地方感到非常困惑。谢谢!

编辑:这是我的文件结构:enter image description here

1 个答案:

答案 0 :(得分:0)

我已经发现删除&#39; /&#39;在我的所有脚本源文件的开头允许它们正确加载