2017-10-10 7 views
0

Je travaille dans l'application Cordova avec Angularjs et tout semble bien dans Chrome et d'autres navigateurs. Mais si j'essaye d'installer l'apk sur Android, Angularjs n'exécutera pas l'index.html au lancement.Angular ne fonctionne pas dans le lancement de l'application

Cependant, c'est le plus étrange: si je change pour d'autres pages et que je retourne à l'index.html, tout va bien! Et si je ferme l'application et relance, tout va à la normale. Et parfois, juste en quelques fois, il se répète, seulement dans l'index.html.

Mon index.html quand lancement:

enter image description here

Comme je l'ai dit, les pages fonctionne très bien dans la plupart des cas:

enter image description here

J'utilise Android 7.1. 1/Cordova 7.0.1/Angular 1.6.4

index.html: (Chaque 'ng-init' à l'intérieur de 'ng-owl-carrousel' fait une requête $ http uest)

<!DOCTYPE html> 
<html ng-app="baseApp"> 
<head> 
<link rel="stylesheet" href="css/uikit.css" /> 
<link rel="stylesheet" href="css/header.css" /> 
<link rel="stylesheet" href="css/custom.css" /> 
<link rel="stylesheet" href="css/owl.carousel.min.css"> 
<link rel="stylesheet" href="css/animate.css" /> 

<script src="js/jquery.js"></script> 
<script src="js/uikit.min.js"></script> 
<script src="js/owl.carousel.js"></script> 
<script src="js/angular.min.js"></script> 
<script src="js/angular-owl-carousel-2.js"></script> 
<script src="js/index.js"></script> 
<script src="js/controller-home.js"></script> 
<script src="js/controller-list.js"></script> 
<script src="js/controller-rede.js"></script> 
<script src="js/controller-config.js"></script> 

</head> 
<body ng-controller="carousel" ng-cloak> 
<header ng-include="'templates/header-search.html'"></header> 

<section> 
<ng-owl-carousel class="owl-theme" owl-items="items" owl-properties="properties" owl-ready="ready($api)"> 
<div ng-controller="home"> 
<div ng-include="'templates/home.html'" ng-show="owl_page == 0" ng-init="init_home();"></div> 
</div> 
<div ng-controller="listas"> 
<div ng-include="'templates/listas.html'" ng-show="owl_page == 1" ng-init="init_listas();"></div> 
</div> 
<div ng-controller="rede"> 
<div ng-include="'templates/rede.html'" ng-show="owl_page == 2" ng-init="generalSearchFilter('notify');"></div> 
</div> 
<div ng-controller="config"> 
<div ng-include="'templates/config.html'" ng-show="owl_page == 3" ng-init="init_config();"></div> 
</div> 
</ng-owl-carousel> 
</section> 

<footer id="footer" ng-include="'templates/footer.html'"></footer> 

<script src="cordova.js"></script> 
</body> 
</html> 
+0

Pouvez-vous partager votre index.html? – Keerthi

+0

HMTL partagé Keerthi. Merci! – ASilva

+0

Pouvez-vous essayer d'ajouter les scripts angulaires comme les premières balises de script dans votre code HTML et essayer? – Keerthi

Répondre

0

Après quelques jours, j'ai décidé de changer tout mon index.html et je changer mon code pour utiliser routeProvider $ au lieu ng comprennent, je remplace aussi ma fonction initiale avec un « angular.element (document) .ready '+ $ timeout. Fin heureuse! :)