2017-03-17 87 views
2

我試圖運行我的Angular應用程序,但我有一些問題。 WHE我與故宮運行安裝我的下一個ReferenceError:角度未定義Angularjs

ReferenceError: angular is not defined 
    at Object.<anonymous> (C:\Users\GrupoBECM18\Documents\Proyectos\StockPitch-Web\front\js\app.js:4:1) 
    at Module._compile (module.js:570:32) 
    at Object.Module._extensions..js (module.js:579:10) 
    at Module.load (module.js:487:32) 
    at tryModuleLoad (module.js:446:12) 
    at Function.Module._load (module.js:438:3) 
    at Module.runMain (module.js:604:10) 
    at run (bootstrap_node.js:394:7) 
    at startup (bootstrap_node.js:149:9) 
    at bootstrap_node.js:509:3 

這是我app.js

'use strict'; 

angular.module('MyApp', ['ui.bootstrap']); 


// Declare app module and Appendages 
angular.module('MyApp', ['ngCookies']) 
    .config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
     .when('/home', { 
     title: 'Home', 
     templateUrl: 'front/login.html', 
     //controller: 'loginctrl.js' 
     }) 
     .otherwise({redirectTo: '/home'}); 
    }]) 
    .run(function($cookieStore, $rootScope, $http) { 
    if ($cookieStore.get('djangotoken')) { 
     $http.defaults.headers.common['Authorization'] = 'Token ' + $cookieStore.get('djangotoken'); 
     //document.getElementById("main").style.display = "block"; 
    } else { 
     document.getElementById("login-holder").style.display = "block"; 
    } 
    }); 

的代碼和我的HTML文件

<!DOCTYPE html> 
<html ng-app="MyApp"> 
<head> 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 


<script src="js/jquery-1.11.2.min.js"></script> 
<script src="bower_components/angular/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script> 
<script src="js/app.js"></script> 
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script> 
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/svg-assets-cache.js"></script> 
<script src="https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.1/angular-material.js"></script> 
<script src="../prefixfree/prefixfree.js"></script> 
<script src="../prefixfree/prefixfree.min.js"></script> 


<script src="js/loginctrl.js"></script> 
<script src="js/variablesGlobales.js"></script> 
<script src="js/headerfooter-login.js"></script> 
<link rel="stylesheet" type="text/css" href="CSS/styleLanding.css"> 





    <title>Landing Page</title> 
</head> 
<body ng-controller="loginctrl"> 
<div class="container-fluid"> 
    <div id="headerl"> 
    </div> 
    <div class="content-bar col-lg-12 col-md-12 col-sm-12"> 
     <h1>Lorem Ipsum Dolor Sit Amet</h1> 
     <h3>Li Europan lingues es membres del sam familie. Lor separat</h3> 
      <button data-toggle="modal" data-target="#squarespaceModal" class="get"> 
       Get Started 
     </button> 
    </div> 

    <div class="center"> 
      <div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header" > 
          <button type="button" class="close" data-dismiss="modal" id="close"> 
           <span aria-hidden="true" class="X">X</span> 
          </button> 

          <h3 class="modal-title" id="lineModalLabel"></h3> 
         </div> 


         <div class="modal-header" id="barraL"> 
          <button type="button" class="close" data-dismiss="modal"></button> 
          <h3 class="modal-title" id="lineModalLabel">LOGIN</h3> 
         </div> 

       <div class="modal-body"> 
        <div ng-controller="loginctrl"> 
         <form> 
          <div class="form-group"> 
          <label for="exampleInputEmail1" class="email">Email</label> 
          <input class="form-control" id="InputEmail1" ng-model="emailu" > 
          </div> 
          <div class="form-group"> 
          <label for="exampleInputPassword1" class="password">Password</label> 
          <input type="password" class="form-control" id="InputPassword1" ng-model="passwordu" > 
          </div> 

          <button type="submit" class="confirm" id="boton" ng-click="sendlgctrl()"><!--a href="disclaimer.html"--><a style="text-decoration:none; color:#ffffff;" >Confirm</a></button> 

         </form> 
        </div> 

       </div> 

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


</body> 
</html> 

我不知道最新的問題:(希望有人可以幫助我。我已經安裝了節點,角度和一切,但沒有任何工作,我不知道爲什麼。)

+0

也許你需要把你的init在文檔準備好了嗎? – stackoverfloweth

+0

當你得到這個錯誤時,幾乎總是因爲你在加載角度模塊本身之前初始化一個角度依賴模塊。 – yeaske

回答

0

您初始化相同的模塊2次。只是初始化模塊一旦

改變這種

angular.module('MyApp', ['ui.bootstrap']); 
// Declare app module and Appendages 
angular.module('MyApp', ['ngCookies']) 

這個

angular.module('MyApp', ['ui.bootstrap','ngCookies']);

+0

我做到了,但仍然無法正常工作。我有同樣的錯誤。 –

2

有兩個問題

(i)您模塊也都依賴於注射一次,

angular.module('MyApp', ['ui.bootstrap','ngCookies']); 

(ii)您app.js加載所有角度的參考在index.html的

<script src="js/jquery-1.11.2.min.js"></script> 
<script src="bower_components/angular/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script> 
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script> 
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/svg-assets-cache.js"></script> 
<script src="https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.1/angular-material.js"></script> 
<script src="../prefixfree/prefixfree.js"></script> 
<script src="../prefixfree/prefixfree.min.js"></script> 
<script src="js/app.js"></script> 
+0

我做到了,但仍然沒有工作。 –

+0

@EnyaValeriaMartínez是否檢查了訂單並檢查腳本是否正在加載 – Sajeetharan

1

我首先想到的是後應加載:爲什麼你聲明的模塊兩次?

angular.module('MyApp', ['ui.bootstrap']); 


// Declare app module and Appendages 
angular.module('MyApp', ['ngCookies']) 

在'angular.module'的第二個參數中使用[]是在聲明模塊並注入它的依賴關係時完成的。 但是,使用沒有第二個參數的相同語法允許您調用該模塊。

什麼你應該做的:

angular.module('MyApp', ['ui.bootstrap','ngCookies']); 

angular.module('MyApp').config.... 

話又說回來,我不能肯定這是問題。我也注意到你在(頭部)注入了Js和css文件。這可能會導致一些問題,並且最好在(body)的末尾加載這些文件。

還要記住,訂單的問題,必須注入角JS文件,那麼你的模塊,那麼你的控制器等.. 希望這會解決這一問題

相關問題