I tried to install the latest AngularJS Material version with this Getting Started Guide on my AngularJS 1.2.20 Project. (I know its old, but I can't update)
Failed to instantiate module app due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.2.20/$injector/modulerr?p0=...
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:6:450
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:34:97
at Array.forEach ()
at q (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:7:280)
at e (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:33:207)
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:33:284
at Array.forEach ()
at q (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:7:280)
at e (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:33:207)
at dc (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js:36:309
I don't know why, but I can't find any kind of list which version is compatible...
Maybe someone got an idea?
This is how I include the js file in <head>
<!-- Angular Material Library -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.js"></script>
Here is my angular.module:
var app = angular.module('app', [
'ngMaterial',
'ui.bootstrap',
'ngCookies',
'ngResource',
'ngSanitize',
'ngRoute',
'infinite-scroll',
'rzModule',
'ngReallyClickModule',
'ngVideoCutModule',
'ngVideoTrailerModule',
'ngItemModules',
'ngDirectives',
'xeditable',
'monospaced.elastic',
'angularFileUpload',
'angulartics',
'angulartics.google.analytics',
'angular-video',
'checklist-model',
'ui-notification',
'luegg.directives',
'ngLoadingModule'
]);
Include Order of JS Files:
<script src="/inc/assets/js/modernizr.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular-sanitize.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular-resource.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular-cookies.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular-route.js"></script>
<script src="/inc/js/app/application.js"></script>
<script src="/inc/js/app/app.routes.js"></script>
<script src="/inc/js/app/app.config.js"></script>
<!-- Angular Material Library -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.js"></script>
As indicated in bower.json and package.json AngularJS 1.4 is the oldest version that we officially support with our latest releases. The reality is that 1.5+ is recommended. We'll be moving to 1.6 soon.
Note that 1.2.20
came out on Jul 11, 2014 and is lacking many security patches. If you must be on 1.2.x, you should at least be on 1.2.32
which includes fixes and security patches and was released on Oct 11, 2016.
I highly recommend upgrading to the latest AngularJS 1.6 as 1.7 is coming out this summer and will include LTS. You'll want your active projects to be on the LTS moving forward as critical fixes and security patches will only be applied to AngularJS 1.7.x.