jquery - AngularJS-1.4 throws $injector:unpr error for use of `angular-adaptive-templating` -
in app, called responsive, controllers using matchmedia-ng , templating using angular-adaptive-templating using repo angularjs version 1.4.1,
but getting error :
how solve it? or using matchmedia-ng possible handle adaptive-templating. please me sort issue.
thanks in advance.
my js :
"user strict"; angular.module('responsive', ['ngroute', 'matchmedia-ng', 'adaptivetemplating']) .config(function ($routeprovider, $locationprovider) { $locationprovider.html5mode(true); $routeprovider .when ("/", { templateurl : "views/home.html", controller : "homecontroller", reloadonsearch: false }); $routeprovider .otherwise ({ redirectto:'/', reloadonsearch: false }); }); my html :
<!doctype html> <html ng-app="responsive"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ng - responsive</title> <link rel="stylesheet" media="screen , (min-width: 800px)" href="css/desktop.css"> <link rel="stylesheet" media="screen , (max-width: 799px)" href="css/mobile.css"> <!-- lib scripts --> <script src="bower_components/jquery/dist/jquery.min.js"></script> <script src="bower_components/angular/angular.min.js"></script> <script src="bower_components/angular-route/angular-route.min.js"></script> <script src="bower_components/angular-adaptive-templating/dist/angular-adaptive-templating.min.js"></script> <script src="bower_components/matchmedia-ng/matchmedia-ng.js"></script> <!-- script --> <script src="js/app.js"></script> </head> <body> <div ng-view ></div> </body> </html>
from angularjs doc:
this error results $injector being unable resolve required dependency.
your code seems missing homecontroller trying use in $routeprovider.
Comments
Post a Comment