Question

一直在研究AngularJS，但我收到一条错误，说明Angular在定义之前正在使用。我观看了一些视频并浏览了文档。即使只有js文件中的第一行，我也会收到错误。在索引文件中，我调用角1.6.2作为第一个文件之前的其他任何东西，这就是为什么我被混淆为什么我被告知它被定义之前使用。

我的HTML是：

和js是：

<!doctype html>
<html ng-app="weatherApp">
  <head>

    <!-- Bootstrap 3 Latest compiled and minified CSS -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- AngularJS -->
    <script src="//code.angularjs.org/1.6.2/angular.min.js"></script>
    <script src="//code.angularjs.org/1.6.2/angular-route.min.js"></script>
    <script src="//code.angularjs.org/1.6.2/angular-resource.min.js"></script>
    <script src="app.js"></script>

  </head>
  <body>
    <h1>Hello, world!</h1>

      <div class="container">

          <div>
            <div id="web-api">
                <h1>test</h1>
            </div>
          </div>

      </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  </body>
</html>

Answer 1

您使用的是任何服务器环境吗？请确保您在任何服务器环境（如live-server）下运行角度路由。

还要确保在app.js

中的路由配置中正确指定了html文件的扩展名

Answer 2

看起来您的CDN未正确设置。请尝试这些：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-resource.min.js"></script>

同样根据docs，这是推荐的位置，应该提供更快的加载时间。

Angular在定义之前使用

2 个答案: