2016-02-12 239 views
2

我剛開始學習角度,我創建了一個角度材料的基本應用程序。但我有一個錯誤:

[$injector:modulerr]

我的HTML:

<html> 
<head> 
... 

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script> 

    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script> 

    <script src="assets/javascripts/app.js"></script> 
    </body> 
</html> 

在app.js我有這樣的:

var app = angular.module('angularTest', ['ngMaterial', 'ngRoute']) 
     .config(function($mdThemingProvider) { 
     $mdThemingProvider.theme('default') 
     .primaryPalette('pink') 
     .accentPalette('orange'); 
    }); 

如果我和app.js刪除腳本標記,並更換與<script> var app = ...</script>然後它的工作。 :(

有沒有人有辦法解決嗎? 非常感謝!

回答

0

請檢查你的代碼,也許破分享它的plnkr鏈接。

有報道說,失蹤在你的代碼的幾件事情snippet(包括關閉頭,身體開始,ng-app標籤和更多),我假設在...部分

我創建了一個你剛纔提到的plnkr,它似乎正常工作:

<html> 
<head></head> 
<body ng-app="angularTest"> 

{{1+2}} 

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script> 

<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script> 

<script src="script.js"></script> 
</body> 

這正確加載,並在瀏覽器中打開時顯示3。 Plnkr link

0

您必須初始化HTML頁面上的角度應用程序。我可以在片段中看到該應用程序未初始化。以下代碼將幫助您 - :

<html ng-app="angularTest"> 
<body>...</body> 
</html>