我正在尝试将Angular Material实现到使用Angular 1.3.0(Angular Material支持的最低版本)的应用程序中。
我有一个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.
有人可以建议为什么它没有正确加载?
答案 0 :(得分: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>