在我的應用程序,叫做responsive
,對我使用matchmedia-ng控制器和模板我用這repo與AngularJS版本1.4.1
使用angular-adaptive-templating
,
但我得到的錯誤是:
如何解決呢?或者僅僅使用matchmedia-ng
本身就可以處理adaptive-templating
。請任何人都幫我解決這個問題。
在此先感謝。
我的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
});
});
我的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 and (min-width: 800px)" href="css/desktop.css">
<link rel="stylesheet" media="screen and (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>
請分享您的代碼:) – squiroid
@squiroid - 同時添加了js和html代碼。請檢查問題 – 3gwebtrain