2017-04-19 63 views
0

我正在嘗試將角度材質應用到使用Angular 1.3.0(Angular Material支持的最低版本)的應用程序中。如何設置AngularJS 1.3.0的角度材料

我有一個包含以下內容的index.php文件:

<script src="bower_components/jquery/jquery.min.js"></script> 
<!-- Angular Material style sheet --> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.min.css"> 
<script src="bower_components/angular/angular.min.js"></script> 
<!-- Angular Material requires Angular.js Libraries --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-animate.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-aria.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-messages.min.js"></script> 

在我的app.js我已經添加了新的ngMaterial下面的模塊部分..

var myApp = angular.module('myApp', [ 'myControllers', 'myFilters', 'myServices', 'myDirectives', 
    'ui.calendar', 'ngMaterial']); 

當我在瀏覽器中運行應用程序我在控制檯日誌中收到以下錯誤,當點擊該錯誤時,在Angular網站上出現以下錯誤 -

Module 'ngMaterial' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

任何人都可以提出爲什麼它沒有正確加載?

+1

你怎麼還在使用ng1.3而不是2.x或4.x? – mast3rd3mon

+1

@ mast3rd3mon其舊項目,我們不能升級到2.x或4.x – Zabs

+0

爲什麼不能升級? – mast3rd3mon

回答

2

您只添加angular-material.min.css文件。還需要添加angular-material.min.js文件。將此腳本添加到索引

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.min.js"></script> 
+0

對不起,我現在得到一個未知的提供者:$$ jqLit​​eProvider錯誤,我現在就開始調試,謝謝你的建議幫助了一點:) – Zabs

+1

@Zabs當角度版本和角動畫版本不是compatible.Update角度版本等於有角度的動畫版本 –

+0

hmm ok,不應該如何判斷哪些版本與Angular 1.3.0不兼容? – Zabs