Cordova AngularJS路由不'；不在设备上工作，但在ripple上工作_Angularjs_Visual Studio_Cordova_Device_Ngroute

Cordova AngularJS路由不'；不在设备上工作，但在ripple上工作

angularjs visual-studio cordova

Cordova AngularJS路由不'；不在设备上工作，但在ripple上工作,angularjs,visual-studio,cordova,device,ngroute,Angularjs,Visual Studio,Cordova,Device,Ngroute,两天来我一直在试图理解为什么，但我没有找到解决问题的办法。我使用ApacheCordova与VisualStudio和AngularJS开发了各种简单的小应用程序。我的路线有问题。该应用程序在RIPPLE emulator上运行良好，但在我的设备上却无法运行！它不显示任何内容，也不显示任何错误 Index.html： <!DOCTYPE html> <html> <head> <meta http-equiv="Constent-Type"

两天来我一直在试图理解为什么，但我没有找到解决问题的办法。我使用ApacheCordova与VisualStudio和AngularJS开发了各种简单的小应用程序。我的路线有问题。该应用程序在RIPPLE emulator上运行良好，但在我的设备上却无法运行！它不显示任何内容，也不显示任何错误

Index.html：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Constent-Type" content="text/html; charset=iso-8859-1"/>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>handsi</title>
</head>
<body ng-app="appmain">

    <div id="app-content" ng-view></div>

    <a href="#contacts">show contacts</a>

    <!--Scripts-->
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="scripts/platformOverrides.js">         </script>
    <script type="text/javascript" src="scripts/frameworks/jquery/jquery-2.1.1.js"></script>
    <script type="text/javascript" src="scripts/frameworks/jquery/jquery.mobile.1.4.5.js"></script>
    <script type="text/javascript" src="scripts/frameworks/angular/angular.js"></script>
    <script type="text/javascript" src="scripts/frameworks/angular/angular-route.js"></script>
    <script type="text/javascript" src="scripts/routes/app_routes.js"></script>
    <script type="text/javascript" src="scripts/frameworks/materialize/materialize.js"></script>
    <script type="text/javascript" src="scripts/handsi_tools.js"></script>
    <script type="text/javascript" src="scripts/index.js"></script>
    <script type="text/javascript" src="scripts/directives/menu.js"></script>
    <!--/scripts-->
</body>
</html>


汉西

index.js：

(function () {
"use strict";
document.addEventListener('deviceready', onDeviceReady.bind(this), false);

var app = angular.module('appmain', ['ngRoute']);

function onDeviceReady() {
    // Gérer les événements de suspension et de reprise Cordova
    document.addEventListener('pause', onPause.bind(this), false);
    document.addEventListener('resume', onResume.bind(this), false);

    // TODO: Cordova a été chargé. Effectuez l'initialisation qui nécessite Cordova ici.

    //Initialisation
    $(".button-collapse").sideNav({
        menuWidth: $(window).width() < 400 ? 300 : 370,
        closeOnClick: true
    });
};

function onPause() {
    // TODO: cette application a été suspendue. Enregistrez l'état de l'application ici.
};

function onResume() {
    // TODO: cette application a été réactivée. Restaurez l'état de l'application ici.
};})();

（函数（）{
“严格使用”；
document.addEventListener（'devicerady'，ondevicerady.bind（此），false）；
var app=angular.module（'appmain'，['ngRoute']）；
函数ondevicerady（）{
//在科尔多瓦暂停和重新开始的过程中
document.addEventListener（'pause'，onPause.bind（this），false）；
document.addEventListener（'resume'，onResume.bind（this），false）；
//待办事项：Cordova aétéchargé。Cordova ici的初始化效果。
//初始化
$（“.button collapse”）.sideNav({
菜单宽度：$（窗口）.width（）<400？300:370，
closeOnClick：对
});
};
函数onPause（）{
//TODO:cette应用程序aétésuspendue.Enregistrez létat de léapplication ici。
};
函数onResume（）{
//TODO:cette应用程序aétéréactivée.Restaurez létat de l'application ici。
};})();

angular-route.js：

(function () {
angular.module('appmain', ['ngRoute']).config(function ($routeProvider, $locationProvider, $compileProvider) {
    $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel):/);
    $locationProvider.html5Mode(true);

    $routeProvider
        .when('/login', {
            template: '<p>Say hello world ! Welcome to login screen</p>',
            controller: function () {
            }
        })
        .when('/contacts', {
            templateUrl: 'templates/contacts/contact.html'
        })
        .otherwise({ redirectTo: '/login' });
});

angular.bootstrap(document.getElementById('app-content'), ['appmain']);
})();

（函数（）{
angular.module（'appmain'，['ngRoute']）.config（函数（$routeProvider，$locationProvider，$compileProvider）{
$compileProvider.ahrefsanitationwhitelist（/^\s*（https？| ftp | mailto | file | tel）：/）；
$locationProvider.html5Mode（true）；
$routeProvider
.when（“/login”{
模板：“向世界问好！欢迎登录屏幕”，
控制器：函数（）{
}
})
。当（“/contacts”{
templateUrl:'templates/contacts/contact.html'
})
。否则（{重定向到：'/login'}）；
});
bootstrap（document.getElementById（'app-content'），['appmain']）；
})();

我的路线有问题，请问你知道如何解决我的问题吗？

感谢您的帮助。

您的ui框架是什么？我使用Materialize for ui。我在lotf搜索后找到了解决方案，问题是$locationProvider.html5Mode（true）；您的ui框架是什么？我使用Materialize作为ui。我在lotf搜索后找到了解决方案，问题是$locationProvider.html5Mode（true）；