Ng-route 在 pc 上有效,但在模拟器(cordova)中无效
Ng-route works in pc but not in emulator (cordova)
当我从主机(使用 chrome)运行 我的项目时,它正在处理所有导航,没有任何错误。
但是当我 运行 它在 GenyMotion 模拟器上时,它无法运行。除非我将模板作为字符串提供,而不是 URL:
var myApp= angular.module('MyApp', [
'ngRoute',
'ngAnimate',
'ngMaterial'
]);
myApp.config(function ($routeProvider) {
$routeProvider
.when('/test', { /////////////////////////THIS IS WORKING
template : '<span> AHEY </span>',
controller : 'testController'
})
.when('/LoginPage', {/////////////////////////THIS IS NOT WORKING
templateUrl : 'LoginPage.html',
controller : 'loginController'
})
});
我的html:
<!DOCTYPE html>
<html ng-app="MyApp">
<head>
...
</head>
<title>My App</title>
<body ng-controller="mainController">
<div id="header" layout="row" > </div>
<div ng-view></div>
<script> .... </script>
</body>
</html>
原因:区分大小写
虽然 url 被 js 不敏感地解释,但在 android 或 ios 中并非如此。
因此,如果一切正常,请检查您路径中的案例。
当我从主机(使用 chrome)运行 我的项目时,它正在处理所有导航,没有任何错误。
但是当我 运行 它在 GenyMotion 模拟器上时,它无法运行。除非我将模板作为字符串提供,而不是 URL:
var myApp= angular.module('MyApp', [
'ngRoute',
'ngAnimate',
'ngMaterial'
]);
myApp.config(function ($routeProvider) {
$routeProvider
.when('/test', { /////////////////////////THIS IS WORKING
template : '<span> AHEY </span>',
controller : 'testController'
})
.when('/LoginPage', {/////////////////////////THIS IS NOT WORKING
templateUrl : 'LoginPage.html',
controller : 'loginController'
})
});
我的html:
<!DOCTYPE html>
<html ng-app="MyApp">
<head>
...
</head>
<title>My App</title>
<body ng-controller="mainController">
<div id="header" layout="row" > </div>
<div ng-view></div>
<script> .... </script>
</body>
</html>
原因:区分大小写
虽然 url 被 js 不敏感地解释,但在 android 或 ios 中并非如此。
因此,如果一切正常,请检查您路径中的案例。