如何为 AngularJS 1.3.0 设置 Angular 材质

Question

我正在尝试在使用 Angular 1.3.0（Angular Material 支持的最低版本）的应用中实现 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.

谁能指出为什么它没有正确加载？

Answer 1

您只添加了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>