Javascript 定义之前使用的角度_Javascript_Angularjs

Javascript 定义之前使用的角度

javascript angularjs

Javascript 定义之前使用的角度,javascript,angularjs,Javascript,Angularjs,一直在研究AngularJS，但我得到一个错误，说明AngularJS在定义之前就已经被使用了。我看了几段视频，看了一遍文档。即使只是js文件中的第一行，我也会得到错误。在索引文件中，我先调用angular 1.6.2作为第一个文件，然后再调用其他文件，这就是为什么我不明白为什么我被告知在定义之前使用angular 1.6.2 我的html是： <!doctype html> <html ng-app="weatherApp"> <head> &

一直在研究AngularJS，但我得到一个错误，说明AngularJS在定义之前就已经被使用了。我看了几段视频，看了一遍文档。即使只是js文件中的第一行，我也会得到错误。在索引文件中，我先调用angular 1.6.2作为第一个文件，然后再调用其他文件，这就是为什么我不明白为什么我被告知在定义之前使用angular 1.6.2

我的html是：

<!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>

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

还要确保在app.js的路由配置中正确指定了html文件的扩展名。看起来您的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>

此外，根据，这是建议的位置，应提供更快的加载时间

我不确定它是否有帮助，但您是否尝试将

ng app

从

html

移动到

body

标记？您是否尝试将

app.js

包含在body而不是head中？在

angular.js

文件之前加载

angular resource

和

angular route

。将angular文件移动到jquery下面，这样您就可以在angular文件中使用jquey属性了。您的一些

包含脚本的序列应该是正确的。它可以在
<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>