Question

我正在学习如何使用AngularJS制作网页（事实上，我明天参加考试），我遇到了问题。

我使用codeCademy作为学习课程，但我的考试允许外部（打印）文件来帮助你，所以我也在我的电脑上使练习脱机。

第一章（没有指令，只是设置你的应用程序和使用控制器）没问题。来自ajax googleapis for angularJS的服务器工作正常。所以三个星期前，我完成了课程（总是使用ajax googleapis中的服务器），一切都运行得很顺利。

今天，我只是重新制作练习，当我从指令进行第一次练习时，我得到了一堆错误（这些练习在3周前完美运行）。当我加载我3周前制作的旧练习时，他们也不会工作。

所以我现在没有明白为什么会出现这些错误，而不是3周前。

代码：的index.html

<!doctype html>
<html>
  <head>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" />
    <link href='https://fonts.googleapis.com/css?family=Oxygen:300,400,700' rel='stylesheet' type='text/css'>
      <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href="css/main.css" rel="stylesheet" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
  </head>
  <body ng-app="BoltNetworkApp">
    <div class="header">
      <div class="container">
        <img src="img/logo.svg" width="180" height="34">
      </div>
    </div>

    <div class="main" ng-controller="MainController">
      <div class="container">
        <div class="content">
          <div class="row">

            <div class="col-md-3" class="series_img">
              <img ng-src="{{ program.series_img }}">
            </div>

            <div class="col-md-6">
              <h1 class="series">{{ program.series }}</h1>
              <h2 class="episode">{{ program.episode }}</h2>
              <p class="description">{{ program.description }}</p>
            </div>

            <div class="col-md-3">
              <ul class="list-group">
                <li class="list-group-item"><span>Date:</span>{{ program.datetime | date:'mediumDate' }}</li>
                <li class="list-group-item"><span>On air:</span>{{ program.datetime | date:'EEEE' }}</li>
                <li class="list-group-item"><span>Time:</span>{{ program.datetime | date:'shortTime' }}</li>
                <li class="list-group-item"><span>Season:</span>{{ program.season }}</li>
                <li class="list-group-item"><span>Genre:</span>{{ program.genre }}</li>
              </ul>
            </div>

          </div>
        </div>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-3">
            <h3>Bolt</h3>
            <ul>
              <li>Careers</li>
              <li>Terms</li>
              <li>Help</li>
            </ul>
          </div>
          <div class="col-md-3">
            <h3>More Bolt</h3>
            <ul>
              <li>Gift Cards</li>
              <li>Trailers</li>
            </ul>
          </div>
          <div class="col-md-3">
            <h3>News</h3>
            <ul>
              <li>Blog</li>
              <li>Twitter</li>
              <li>YouTube</li>
              <li>Google+</li>
              <li>Facebook</li>
            </ul>
          </div>
        </div>
      </div>

    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>
  </body>
</html>

我认为ajax服务器在线有所改变，因为这在3周前完美无缺。

有没有人有这方面的解决方案（请不要说本地网络服务器，因为它在线服务器工作得很好，我想知道如何使用在线服务器解决这个问题。）

谢谢！

Answer 1

没关系，我修好了。对于某些（愚蠢的）我不知道的原因，这在Chrome中不起作用。我在Firefox中加载它并且它运行良好。

＆＃34;交叉原始请求仅支持协议方案＆＃34;错误

1 个答案: