Question

我试图理解为什么会有两天，但我找不到解决问题的方法。我使用Apache Cordova与Visual Studio和AngularJS开发了各种小型简单应用程序。我有路由问题。该应用程序在RIPPLE模拟器上完美运行，但不在我的设备上！它没有显示任何内容，也没有显示任何错误！

的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.
};})();

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']);
})();

我遇到路线问题，请您知道如何解决我的问题吗？谢谢你的帮助。

Cordova AngularJS路由不适用于设备，但适用于纹波

0 个答案: