定義之前使用的角度

Question

一直在AngularJS上工作，但是我收到一條錯誤消息，指出在定義Angular之前正在使用它。 我已經看了一些視頻並瀏覽了文檔。 即使只是js文件中的第一行，我也收到錯誤。 在索引文件中，我將angular 1.6.2稱為第一個文件，然后再進行其他操作，這就是為什么我對為什么在定義之前告訴我使用im感到困惑的原因。

我的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>

而js是：

// MODULE - WEATHER
var weatherApp = angular.module('weatherApp', ['ngRoute', 'ngResource']);

weatherApp.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);

// ROUTING 
weatherApp.config(function($routeProvider) {
    $routeProvider
    .when('/', {
        templateUrl: 'home.htm',
        controller: 'homeController'
    })

});

weatherApp.controller('homeController', ['$scope', function($scope) {

}]);

weatherApp.controller('forecastController', ['$scope', function($scope) {

}]);

Answer 1

您在使用任何服務器環境嗎？ 請確保您在任何服務器環境（例如實時服務器）下運行角度路由。

還要確保在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 ，這是建議的位置，並且應該提供更快的加載時間。

定義之前使用的角度

問題描述

2 個解決方案

解決方案1
0 2017-02-14 10:02:33

解決方案2
0 2017-02-14 10:19:04

定義之前使用的角度

問題描述

2 個解決方案

解決方案1 0 2017-02-14 10:02:33

解決方案2 0 2017-02-14 10:19:04

解決方案1
0 2017-02-14 10:02:33

解決方案2
0 2017-02-14 10:19:04