Mobile Angular ng-view не работает в приложении PhoneGap

Я пытаюсь сделать свое первое мобильное приложение, используя Mobile Angular и PhoneGap.Mobile Angular ng-view не работает в приложении PhoneGap

Проблема заключается в том, что файлы шаблонов не будут загружаться в ng-view в приложении для тестирования PhoneGap на телефоне.

Я знаю, что это было до ранее:

https://stackoverflow.com/a/15648056/616341

Но я пытался добавить aHrefSanitizationWhitelist(), не помогло.

Edit:

файл в настоящее время выглядит следующим образом:

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="utf-8" /> 

    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <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" /> 

    <!-- This is a wide open CSP declaration. To lock this down for production, see below. --> 
    <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" /> 

    <link rel="stylesheet" href="./css/mobile-angular-ui-hover.min.css" /> 
    <link rel="stylesheet" href="./css/mobile-angular-ui-base.min.css" /> 
    <link rel="stylesheet" href="./css/mobile-angular-ui-desktop.min.css" /> 

    <link rel="stylesheet" type="text/css" href="./css/index.css" /> 

    <title>Hello World</title> 

</head> 

<body ng-app="myApp"> 

    <div class="app"> 

     <!-- Top Navbar --> 

     <div class="navbar navbar-app navbar-absolute-top"> 

       <div class="btn-group justified"> 
       <a href="#/page1" class="btn btn-navbar">Page 1</a> 
       </div> 

     </div> 

     <!-- Bottom Navbar --> 

     <div class="navbar navbar-app navbar-absolute-bottom"></div> 

     <!-- App Body --> 
     <div class="app-body"> 

      <div class="app-content"> 

       <ng-view></ng-view> 

      </div> 

     </div> 

    </div><!-- ~ .app --> 

    <!-- Modals and Overlays --> 
    <div ui-yield-to="modals"></div> 

</body> 

<!-- Libs --> 
<script src="cordova.js"></script> 

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.min.js"></script> 

<script src="/js/mobile-angular-ui.min.js"></script> 
<script src="/js/mobile-angular-ui.gestures.min.js"></script> 

<!-- App --> 
<script> 
var app = { 
    initialize: function() 
    { 
     this.bindEvents(); 
    }, 
    bindEvents: function() 
    { 
     document.addEventListener('deviceready', this.onDeviceReady, true); 
    }, 

    onDeviceReady: function() 
    { 
     angular.element(document).ready(function() 
     { 
      angular.bootstrap(document, ['myApp']); 
     }); 
    }, 
}; 


angular.module('myApp', ['ngRoute']).config(function($routeProvider) 
{ 
    $routeProvider 
    .when('/', { 
     templateUrl: './views/page1.html' 
    }) 
    .when('/page1', { 
     templateUrl: './views/page1.html' 
    }); 

}); 

app.initialize(); 
</script> 

</html>

источник

2016-11-22 Peter Westerlund

решаемые !:

я узнал эту проблему сам. Я начал с тестирования, даже если был загружен angular. Что это было не на мобильном телефоне. Это очень помогло мне с тех пор, как я теперь понял, что проблема заключается не в маршрутизации, а в том, что угловой не загружается.

И решение было добавить https: до того //:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.min.js"></script>

Edit:

Вы также можете сохранить его локально:

<script src="js/angular.min.js"></script> 
<script src="js/angular-route.min.js"></script>

источник

2016-11-24 12:04:50

бы посоветовал держать библиотеку файлов локального – Lakshay

Это тоже вариант, который работает. –

yes thats better bcs иногда даже, если ваш телефон подключен к сети, файлы требуют времени для загрузки и сбоя приложений для телефонных звонков, предупреждая о невозможности загрузки актива – Lakshay

Mobile Angular ng-view не работает в приложении PhoneGap

ответ

Смежные вопросы