2014-06-24 98 views
5

我一直坐在這個問題上幾個小時,發現了幾個答案,其中沒有一個爲我工作到目前爲止(AngularJs ReferenceError: angular is not defined)。出於某種原因,我似乎無法讓我的應用程序使用Angular.JS。添加所需的JS-文件後,我的主要文件看起來像這樣:ReferenceError:角度沒有定義

<!DOCTYPE html> 
    <html ng-app="AppName"> 
    <head> 
    <title></title> 

    <link rel="stylesheet" href="/stylesheets/main.css"> 

    </head> 
    <body> 
    <!-- Wrapper--> 
    <div id="wrapper"> 

     <div id="page-content-wrapper"> 

     <div class="page-content inset" ng-view> 
     </div> 

     </div> 
    </div> 
    <!-- /WRAPPER--> 

    <!-- ANGULAR CUSTOM --> 
    <script src="libs/angular/angular.js"></script> 
    <script src="libs/angular-route/angular-route.min.js"></script> 
    <script src="javascripts/AngularApp.js"></script> 
    <script src="javascripts/appRoutes.js"></script> 
    <script src="javascripts/controllers/MainCtrl.js"></script> 
    <script src="javascripts/controllers/SettingsCtrl.js"></script> 
    <script src="javascripts/services/SettingsService.js"></script> 

    </body> 
</html> 

當我運行的應用程序似乎從來沒有加載完成(見圖片:http://imgur.com/FIAH4tH),然後崩潰。在Firefox中,我得到以下錯誤拋出我:http://imgur.com/UT3g7wY

有誰知道我該如何解決這個問題?

謝謝!

--EDIT-- 我更新了應用程序中腳本的位置。

我AngularApp.js文件看起來像這樣:

angular.module('AppName', ['ngRoute', 'appRoutes', 'MainCtrl', 'SettingsCtrl', 'SettingsService']); 
+1

是否有移動的角度腳本頂端時出現的任何錯誤? (你應該明確地這樣做,首先嚐試加載控制器沒有任何意義,考慮使用構建工具並連接你的腳本) – Sprottenwels

+0

將libs文件移動到頂端後,我仍然面臨同樣的問題頁面未加載(持續處理)。過了一會兒,firefox把這個回覆給我:imgur.com/bjTQJvn – user3753098

回答

6

如果您的模塊AppNameAngularApp.js中定義,則需要在MainCtrl js之前。

您的.js文件是否分開角模塊?如果是這樣,他們不應該被列爲angular.module依賴項中的模塊。

angular.module('AppName', ['ngRoute']);

+0

我的腳本命令現在是: 1. angular.js 2.angular-route.min.js 3. AngularApp.js 4.appRoutes.js 5.MainCtrl.js 6.SettingsCtrl.js 7.SettingsService.js 我仍然得到同樣的錯誤,當我跑我的應用程序:http://imgur.com/UT3g7wY – user3753098

+0

謝謝修復AngularApp.js到angular.module('AppName',['ngRoute','appRoutes',]);解決了我的問題 – user3753098

2

當然包括任何庫/文件的自己的自定義代碼之前。
因此,在您的其他javascripts文件之前放入<script src="libs/angular/angular.js"></script><script src="libs/angular-route/angular-route.min.js"></script>,您應該會發現問題得到解決。

+0

將libs文件移動到頂部之後,我仍然面臨着與未加載頁面(連續正在處理)相同的問題。過了一會兒,firefox把這個回覆給我:http://imgur.com/bjTQJvn – user3753098