带有 angularJS 应用程序的 Angular 材质答案

【问题标题】：Angular material with angularJS application带有 angularJS 应用程序的 Angular 材质
【发布时间】：2026-01-01 04:35:01
【问题描述】：

我计划在我的应用程序中实现角度材料设计。我已经包含了 material.js 和 material.css，应用程序定义如下，这是代码，

Index.html：

 <script src="js/ripples.js"></script>
 <script src="js/material.js"></script>

app.js ar routerApp = angular.module('DiginRt', ['ui.bootstrap','SimpleCouch','ngMaterial']);

当我开始运行应用程序时，它会说

 Uncaught Error: [$injector:modulerr] Failed to instantiate module DiginRt due to:
Error: [$injector:modulerr] Failed to instantiate module ngMaterial due to:
Error: [$injector:nomod] 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.

【问题讨论】：

angular.js 引用放在哪里，material.js 之前还是之后？
您最好创建一个 jsfiddler/plnkr.co/codpen 演示应用，以便更好地进行故障排除。

标签： javascript html angularjs material-design angular-material

【解决方案1】：

我已经使用这种顺序注入创建了我的角度材料设计项目，希望它有所帮助，

  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-animate/angular-animate.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>

  <script src="bower_components/angular-aria/angular-aria.js"></script>
  <script src="bower_components/hammerjs/hammer.js"></script>
  <script src="bower_components/angular-material/angular-material.js"></script>
...  
  <script src="app.js"></script>

顺便说一句，你是用 bower install angular-material --save 安装的吗？

【讨论】：

【解决方案2】：

错误是说它找不到依赖项。您可能以错误的顺序包含脚本。确保最后包含 app.js。如果没有看到代码示例，我不能比这更具体。正如@rebornix 所说，jsfiddle 或 Plunker 会非常有帮助。

【讨论】：