Маршрутизация angularJs и Cordova работает в браузере не android - PullRequest
Новая
       46

Маршрутизация angularJs и Cordova работает в браузере не android

0 голосов
/ 12 марта 2020

Я пытаюсь использовать route для создания моего первого android приложения.

Кажется, все работает в браузере, но у меня пустой экран, когда я компилирую его для android.

Похоже, что маршрут не работает ... Я пытался загрузить свой html другим способом (удаляя './' или '/' et c ...), но ничего не изменилось.

Вот так выглядит мой код:

Приложение. js: 

import {test,maFonction,formulaire} from "/js/module/firstModule.js";

//document.addEventListener('deviceready', false);

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

app.config(function ($routeProvider) {
    $routeProvider
    .when('/',{
        templateUrl: 'partials/view/validate.html',
        controller: 'AccueilCtrl'
    })
    .when('/form',{
        templateUrl: 'partials/form/page_texte.html',
        controller: 'FormCtrl'
    })
    .otherwise({
        redirectTo: '/'
    });
})

app.controller('AccueilCtrl', maFonction);

app.controller('FormCtrl', formulaire);

firstModule. js

function maFonction($scope) {
    $scope.titre = 'ma page d\'accueil';
    $scope.myFunction = test;
}

function test() {
    alert('ok')
}
function formulaire($scope){
    $scope.titre = 'Ma page de formulaire'
}
export {test, maFonction, formulaire};

и мой html: 

<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Security-Policy"
          content="default-src * data: gap: ws: https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; media-src *">
    <!--Import Google Icon Font-->
    <link rel="stylesheet" href="css/icon_Material_Icons.css">
    <!--Import materialize.css-->
    <link rel="stylesheet" href="css/materialize.min.css">
    <!--Import style.css-->
    <link rel="stylesheet" href="css/style_general.css">
    <!-- Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>App Caméra 360</title>

</head>

<body>
<div id="container">
    <div id="nav_bar">
        <!-- MENU SUPERIEUR -->
        <nav>
            <div class="nav-wrapper teal">
                <div id="icone_back" class="responsive-img icone_haut_gauche waves-effect waves-light">
                    <i class="large material-icons">arrow_back</i></div>
                <span id="titre_nav">Caméra 360 </span>


                <ul class="right">
                    <li><i id="nav_bar_icon_cel" class="nav_bar_icon material-icons right">signal_cellular_4_bar</i>
                    </li> <!-- signal_cellular_off -->
                </ul>
            </div>
        </nav>
    </div>

    <section ng-view>

    </section>
    <!--    <div id="page_texte_div" type="form" class="row div_ecran" style="display:none;"></div>-->
    <!--    <div id="page_validate_div" type="view" class="row div_ecran" style="display:none;"></div>-->


</div>


<div>    <!-- SCRIPT JS -->
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" src="js/lib/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/lib/angular/angular.min.js"></script>
    <script type="text/javascript" src="js/lib/angular/angular-route.min.js"></script>
    <script type="text/javascript" src="js/lib/materialize.min.js"></script>
    <script type="text/javascript" src="js/lib/socket.io.js"></script>
    <script type="module" src="js/module/firstModule.js"></script>
    <script type="module" src="js/app.js"></script>
    <script type="text/javascript" src="js/initializer.js"></script>

    <!--    <script type="text/javascript" src="js/index.js"></script>-->
    <!--    <script type="text/javascript" src="js/Application.js"></script>-->
    <!--    <script type="text/javascript" src="js/Browser.js"></script>-->
    <!--    <script type="text/javascript" src="js/Page.js"></script>-->
    <!--    <script type="text/javascript" src="js/PageCheckbox.js"></script>-->
    <!--    <script type="text/javascript" src="js/PageTexte.js"></script>-->
</div>
</body>
</html>

Как вы заметили, я использовал модуль в HTML, я не знаю, смогу ли я его использовать l

Спасибо!

...