如何为AngularJS 1.3.0设置Angular材质

时间:2017-04-19 10:10:30

标签: angularjs angularjs-module angularjs-material

我正在尝试将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.

有人可以建议为什么它没有正确加载?

1 个答案:

答案 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>