{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 SAY GOODBYE 的问题《angular 1.5.5 material design gives me Unknown pro》','https://www.manongdao.com/q-996495.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I am trying to use angular material 1.5.5 with angular 1.6.5. My code is as shown below:
index.html
<!DOCTYPE html>
<html>
<head>
<title>xyz</title>
</head>
<body ng-app="xyz">
<ng-view></ng-view>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
<!-- Angular Material Library -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
<script src="js/app.js"></script>
<script src="js/config.js"></script>
</body>
</html>
app.js
angular.module('xyz', [
'ngRoute',
'ngMaterial',
'ngAnimate'
]).
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider.
when("/home", { templateUrl: "template/home.html", controller: "homeController" }).
otherwise({ redirectTo: '/login' });
}]);
bower.json
{
"name": "xyz",
"description": "",
"main": "index.js",
"authors": [
"mjet"
],
"license": "ISC",
"homepage": "",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"app/bower_components",
"test",
"tests"
],
"dependencies": {
"angular": "~1.6.5",
"angular-route": "~1.6.5",
"angular-bootstrap": "~0.13.0",
"bootstrap": "~3.3.5"
},
"resolutions": {
"angular": "~1.6.x"
}
}
But somehow it is giving me this error:
SCRIPT5022: [$injector:unpr] Unknown provider: $$HashMapProvider <- $$HashMap <- $$animateQueue <- $animate <- $compile <- $$animateQueue
http://errors.angularjs.org/1.6.6/$injector/unpr?p0=%24%24HashMapProvider%20%3C-%20%24%24HashMap%20%3C-%20%24%24animateQueue%20%3C-%20%24animate%20%3C-%20%24compile%20%3C-%20%24%24animateQueue
Inject
ngAria,ngMessagesandngAnimateinside your appIf your are using the version 1.6.5 of AngularJS, you need to use the same version of
angular-aria,angular-animateand so on.So upgrade the version of
angular-message,angular-ariaandangular-animatefrom 1.5.5 to 1.6.5.