javascript - Angular material with angularJS application - Stack Overflow

admin管理员组

文章数量:1349174

I am planing to implement angular material design with my application. i have included the material.js and material.css and the app definition goes as follows, here is the code,

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']);

When i start to run the application, it says

 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.

I am planing to implement angular material design with my application. i have included the material.js and material.css and the app definition goes as follows, here is the code,

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']);

When i start to run the application, it says

 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.

• javascript
• html
• angularjs
• material-design
• angular-material

Share Improve this question Follow edited Nov 3, 2016 at 17:08 Sajeetharan asked Feb 10, 2015 at 5:33 SajeetharanSajeetharan 223k6565 gold badges365365 silver badges408408 bronze badges 2

• where do you put the angular.js reference, before or after material.js? – Rebornix Commented Feb 10, 2015 at 5:38
• you'd better create a jsfiddler/plnkr.co/codpen demo app for better troubleshooting. – Rebornix Commented Feb 10, 2015 at 5:42

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

I have created my angular material design project using this sequential injection, hope it helps,

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

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

Btw, did you install it using bower install angular-material --save?

The error is saying that it cannot find a dependency. It's likely you included your scripts in the wrong order. Make sure the app.js is included last. Without seeing a code example I cannot be any more specific than that. As @rebornix said, a jsfiddle or Plunker would be very helpful.

本文标签： javascriptAngular material with angularJS applicationStack Overflow