I am trying to add the latest version of Angular Material (v1.1.3
currently) to an Angular 1.3.0 application. Due to some constraints we
cannot unfortunately upgrade to the latest 1.x versions of Angular.
I have done the following so far to try to get this working in our existing
application :-
- Added the angular material CSS file to the page
- Added the 1.3.0 dependancies which are :
- angular-animate.min.js
- angular-aria.min.js
- angular-messages.min.js
- Added the 1.1.3 angular material library itself
- Added the ngMaterial module to my modules (see below)
index.php
<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>
<script
src="bower_components/angular-material/angular-material.min.js"></script>
app.js
var zzApp = angular.module('zzApp', [ 'zzControllers', 'zzFilters',
'zzServices', 'zzDirectives',
'ui.calendar', 'angular-progress-arc', 'smartArea', 'ngSanitize',
'emojiPicker', 'mui', 'ngMaterial' ]);
When I do this I get the following error -
Error: $injector:unpr
Unknown provider: $$jqLiteProvider <- $$jqLite <- $animateCss <-
$$mdAnimate <- $mdUtil <- $mdTheming
I have read up that this is down to versions that are not compatible with
each other, but I am not sure as the animateCss which it refers to in the
error appears to relate to the angular-animate.min.js (and this is
definitely using 1.3.0).
Can anyone suggest what would be wrong and what steps I can make to try and
fix this?
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
