Hi
I have an app i built and ran the apk on android devices and the some of the links where not responding while some did.
These links worked fine while developing the app.
My index.html is thus:
<!DOCTYPE html>
<html ng-app="legion">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<style>
ul, ol {
list-style-type: none;
}
</style>
</head>
<body ng-controller="MainCtrl" style="background-image: url(http://www.legionofmarytidewater.com/vexillum.jpg)">
<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content>
<ion-nav-bar class="bar-assertive">
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-header-bar class="bar-assertive">
<h1 class="title">Menu</h1>
</ion-header-bar>
<ion-content>
<ion-list>
<ion-item ng-href="#/home" style="font-size: 2em"><i class="icon ion-home"> Home</i></ion-item>
</ion-list>
<div class="item item-divider">-----------------</div>
<ion-list>
<ion-item ng-href="#/other1" style="font-size: 2em"><i class="icon ion-information"> About</i></ion-item>
<ion-item ng-href="#/other2" style="font-size: 2em"><i class="icon ion-thumbsup"> Credits</i></ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>
<script id="templates/home.html" type="text/ng-template">
<ion-view view-title="Menu">
<ion-content class="padding">
<ion-list>
<ion-item ng-href="#/home">HOME</ion-item>
</ion-list>
<div class="item item-divider">Preliminary</div>
<ion-list>
<ion-item ng-href="#/prelim1">Introduction</ion-item>
<ion-item ng-href="#/prelim2">Bible Abbr.</ion-item>
<ion-item ng-href="#/prelim3">Abbr. of Magisterium Doc</ion-item>
<ion-item ng-href="#/prelim4">John Paul II to Legion of Mary</ion-item>
<ion-item ng-href="#/prelim5">Preliminary Note</ion-item>
<ion-item ng-href="#/prelim6">Frank Duff</ion-item>
</ion-list>
<div class="item item-divider">Chapters</div>
<ion-list>
<ion-item ng-href="#/chapter1">1. Name and Origin</ion-item>
<ion-item ng-href="#/chapter2">2. Object</ion-item>
<ion-item ng-href="#/chapter3">3. Spirit of the Legion</ion-item>
<ion-item ng-href="#/chapter4">4. Legionary Service</ion-item>
<ion-item ng-href="#/chapter5">5. The Devotional Outlook of the Legion</ion-item>
<ion-item ng-href="#/chapter6">6. The Duty of Legionaries towards Mary</ion-item>
<ion-item ng-href="#/chapter7">7. The Legionary and the Holy Trinity</ion-item>
<ion-item ng-href="#/chapter8">8. The Legionary and the Eucharist</ion-item>
<ion-item ng-href="#/chapter9">9. The Legionary and the Mystical Body of Christ</ion-item>
<ion-item ng-href="#/chapter10">10. The Legion Apostolate</ion-item>
<ion-item ng-href="#/chapter11">11. Scheme of the Legion</ion-item>
<ion-item ng-href="#/chapter12">12. The External Aims of the Legion</ion-item>
<ion-item ng-href="#/chapter13">13. Membership</ion-item>
<ion-item ng-href="#/chapter14">14. The Praesidium</ion-item>
<ion-item ng-href="#/chapter15">15. The Legionary Promise</ion-item>
<ion-item ng-href="#/chapter16">16. Additional Grades of Membership</ion-item>
<ion-item ng-href="#/chapter17">17. The Souls of our Departed Legionaries</ion-item>
<ion-item ng-href="#/chapter18">18. Order of the Praesidium Meeting</ion-item>
<ion-item ng-href="#/chapter19">19. The Meeting and the Member</ion-item>
<ion-item ng-href="#/chapter20">20. The Legion System Invariable</ion-item>
<ion-item ng-href="#/chapter21">21. The Mystical Home of Nazareth</ion-item>
<ion-item ng-href="#/chapter22">22. The Prayers of the Legion</ion-item>
<ion-item ng-href="#/chapter23">23. The Prayers Invariable</ion-item>
<ion-item ng-href="#/chapter24">24. The Patrons of the Legion</ion-item>
<ion-item ng-href="#/chapter25">25. The Legion Picture</ion-item>
<ion-item ng-href="#/chapter26">26. The Tessera</ion-item>
<ion-item ng-href="#/chapter27">27. Vexillum Legionis</ion-item>
<ion-item ng-href="#/chapter28">28. Government of the Legion</ion-item>
<ion-item ng-href="#/chapter29">29. Legionary Loyalty</ion-item>
<ion-item ng-href="#/chapter30">30. Functions</ion-item>
<ion-item ng-href="#/chapter31">31. Extension and Recruiting</ion-item>
<ion-item ng-href="#/chapter32">32. Objections which may be anticipated</ion-item>
<ion-item ng-href="#/chapter33">33. Basic Duties of Legionaries</ion-item>
<ion-item ng-href="#/chapter34">34. Duties of Officers of Praesidia</ion-item>
<ion-item ng-href="#/chapter35">35. Funds</ion-item>
<ion-item ng-href="#/chapter36">36. Praesidia requiring Special Mention</ion-item>
<ion-item ng-href="#/chapter37">37. Suggestions as to Works</ion-item>
<ion-item ng-href="#/chapter38">38. The Patricians</ion-item>
<ion-item ng-href="#/chapter39">39. Cardinal Points of the Legion Apostolate</ion-item>
<ion-item ng-href="#/chapter40">40. Go Preach the Gospel to the Whole Creation</ion-item>
<ion-item ng-href="#/chapter41">41. The Greatest of These is Love</ion-item>
</ion-list>
<div class="item item-divider">Appendices</div>
<ion-list>
<ion-item ng-href="#/appendix1">Papal Letters and Messages</ion-item>
<ion-item ng-href="#/appendix2">Dogmatic Constitution Extracts</ion-item>
<ion-item ng-href="#/appendix3">Cannon Law Extracts</ion-item>
<ion-item ng-href="#/appendix4">Roman Legion</ion-item>
<ion-item ng-href="#/appendix5">Confraternity of Mary</ion-item>
<ion-item ng-href="#/appendix6">Miraculous Medal</ion-item>
<ion-item ng-href="#/appendix7">Rosary Confraternity</ion-item>
</ion-list>
</ion-content>
</ion-view>
</script>
<script id="templates/prelim1.html" type="text/ng-template">
<ion-view view-title="Prelim1">
<ion-content class="padding">
<div align="center">PUBLISHED BY<br />CONCILIUM LEGIONIS MARIAE<br />DE MONTFORT HOUSE<br />MORNING STAR AVENUE<br />BRUNSWICK STREET<br />DUBLIN 7, IRELAND</div>
<p><br /><br /></p>
<div align="center">New and Revised Edition, 1993</div>
<p><br />Nihil Obstat:<br />Joseph Moran, O.P.<br /><em>Censor Theologicus Deputatus.<br /><br />Imprimi potest:</em><br />+ Desmond Connell<br />Archiep. Dublinen.<br />Hiberniae Primas.<br /><br />Dublin, die 8 December 1993<br /><br />Acknowledgements:<br /><br />Excerpts from the English translation of The Roman Missal (c)<br />1973, International Committee on English in the Liturgy, Inc.<br />All rights reserved.<br /><br />Translation of The Magnificat from the Hebrew published by<br />The Grail by kind permission of A. P. Watt Ltd. on behalf of The Grail.<br /><br />Extracts from English translations of documents of the<br />Magisterium by kind permission of the Catholic Truth Society<br />(London) and Veritas (Dublin).<br /><br />Quotation on page 305 by kind permission of Sheed and Ward.<br /><br /></p>
<div align="center">The official magazine of the Legion of Mary, Maria Legionis,<br />is published quarterly at<br />Magnificat House,<br />49 North Great Georges Street,<br />Dublin 1, Ireland.</div>
<p><br /><br />(c) Copyright 1993<br /><br /></p>
<hr size="1" width="75%" />
<div align="center">Printed in the Republic of Ireland by<br />Mahons, Yarnhall Street, Dublin 1</div>
</ion-content>
</ion-view>
</script>
<script id="templates/other1.html" type="text/ng-template">
<ion-view view-title="About">
<ion-content class="padding">
<div class="Leftbold">
<div class="Leftbold">
<div class="subtitle">
<div class="subtitle">
<p> </p>
<h1 class="subtitle">About</h1>
<div class="subtitle"> </div>
<div class="subtitle">The app was developed at <a href="http://www.christekh.com">ChrisTekh</a> to help legionaries have a copy of their handbook in their mobile divices.</div>
<div class="subtitle"> </div>
<div class="subtitle">It is completely free with MIT licence.</div>
<div class="subtitle"> </div>
<div class="subtitle">Enjoy</div>
<p> </p>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>
</script>
<script id="templates/other2.html" type="text/ng-template">
<ion-view view-title="Credits">
<ion-content class="padding">
<div class="Leftbold">
<div class="Leftbold">
<div class="subtitle">
<div class="subtitle">
<p> </p>
<h1 class="subtitle">CREDITS</h1>
<div class="subtitle"> </div>
<div class="subtitle">1. Help of Christian Curia, Caritas University, Nigeria.</div>
<div class="subtitle">2. Virgin Most Praesidium, Caritas University, Nigeria. </div>
<div class="subtitle">3. <a href="http://www.christekh.com">ChrisTekh</a></div>
<div class="subtitle">4. Legion of Mary, Tidewater, VA USA</div>
<p> </p>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>
</script>
</body>
</html>
my app.js
angular.module('legion', ['ionic'])
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: "/home",
templateUrl: "templates/home.html"
})
.state('other1', {
url: "/other1",
templateUrl: "templates/other1.html"
})
.state('other2', {
url: "/other2",
templateUrl: "templates/other2.html"
})
.state('prelim1', {
url: "/prelim1",
templateUrl: "chapters/prelim/prelim1.html"
})
.state('prelim2', {
url: "/prelim2",
templateUrl: "chapters/prelim/prelim2.html"
})
.state('prelim3', {
url: "/prelim3",
templateUrl: "chapters/prelim/prelim3.html"
})
.state('prelim4', {
url: "/prelim4",
templateUrl: "chapters/prelim/prelim4.html"
})
.state('prelim5', {
url: "/prelim5",
templateUrl: "chapters/prelim/prelim5.html"
})
.state('prelim6', {
url: "/prelim6",
templateUrl: "chapters/prelim/prelim6.html"
})
.state('chapter1', {
url: "/chapter1",
templateUrl: "chapters/main/chapter1.html"
})
.state('chapter2', {
url: "/chapter2",
templateUrl: "chapters/main/chapter2.html"
})
.state('chapter3', {
url: "/chapter3",
templateUrl: "chapters/main/chapter3.html"
})
.state('chapter4', {
url: "/chapter4",
templateUrl: "chapters/main/chapter4.html"
})
.state('chapter5', {
url: "/chapter5",
templateUrl: "chapters/main/chapter5.html"
})
.state('chapter6', {
url: "/chapter6",
templateUrl: "chapters/main/chapter6.html"
})
.state('chapter7', {
url: "/chapter7",
templateUrl: "chapters/main/chapter7.html"
})
.state('chapter8', {
url: "/chapter8",
templateUrl: "chapters/main/chapter8.html"
})
.state('chapter9', {
url: "/chapter9",
templateUrl: "chapters/main/chapter9.html"
})
.state('chapter10', {
url: "/chapter10",
templateUrl: "chapters/main/chapter10.html"
})
.state('chapter11', {
url: "/chapter11",
templateUrl: "chapters/main/chapter11.html"
})
.state('chapter12', {
url: "/chapter12",
templateUrl: "chapters/main/chapter12.html"
})
.state('chapter13', {
url: "/chapter13",
templateUrl: "chapters/main/chapter13.html"
})
.state('chapter14', {
url: "/chapter14",
templateUrl: "chapters/main/chapter14.html"
})
.state('chapter15', {
url: "/chapter15",
templateUrl: "chapters/main/chapter15.html"
})
.state('chapter16', {
url: "/chapter16",
templateUrl: "chapters/main/chapter16.html"
})
.state('chapter17', {
url: "/chapter17",
templateUrl: "chapters/main/chapter17.html"
})
.state('chapter18', {
url: "/chapter18",
templateUrl: "chapters/main/chapter18.html"
})
.state('chapter19', {
url: "/chapter19",
templateUrl: "chapters/main/chapter19.html"
})
.state('chapter20', {
url: "/chapter20",
templateUrl: "chapters/main/chapter20.html"
})
.state('chapter21', {
url: "/chapter21",
templateUrl: "chapters/main/chapter21.html"
})
.state('chapter22', {
url: "/chapter22",
templateUrl: "chapters/main/chapter22.html"
})
.state('chapter23', {
url: "/chapter23",
templateUrl: "chapters/main/chapter23.html"
})
.state('chapter24', {
url: "/chapter24",
templateUrl: "chapters/main/chapter24.html"
})
.state('chapter25', {
url: "/chapter25",
templateUrl: "chapters/main/chapter25.html"
})
.state('chapter26', {
url: "/chapter26",
templateUrl: "chapters/main/chapter26.html"
})
.state('chapter27', {
url: "/chapter27",
templateUrl: "chapters/main/chapter27.html"
})
.state('chapter28', {
url: "/chapter28",
templateUrl: "chapters/main/chapter28.html"
})
.state('chapter29', {
url: "/chapter29",
templateUrl: "chapters/main/chapter29.html"
})
.state('chapter30', {
url: "/chapter30",
templateUrl: "chapters/main/chapter30.html"
})
.state('chapter31', {
url: "/chapter31",
templateUrl: "chapters/main/chapter31.html"
})
.state('chapter32', {
url: "/chapter32",
templateUrl: "chapters/main/chapter32.html"
})
.state('chapter33', {
url: "/chapter33",
templateUrl: "chapters/main/chapter33.html"
})
.state('chapter34', {
url: "/chapter34",
templateUrl: "chapters/main/chapter34.html"
})
.state('chapter35', {
url: "/chapter35",
templateUrl: "chapters/main/chapter35.html"
})
.state('chapter36', {
url: "/chapter36",
templateUrl: "chapters/main/chapter36.html"
})
.state('chapter37', {
url: "/chapter37",
templateUrl: "chapters/main/chapter37.html"
})
.state('chapter38', {
url: "/chapter38",
templateUrl: "chapters/main/chapter38.html"
})
.state('chapter39', {
url: "/chapter39",
templateUrl: "chapters/main/chapter39.html"
})
.state('chapter40', {
url: "/chapter40",
templateUrl: "chapters/main/chapter40.html"
})
.state('chapter41', {
url: "/chapter41",
templateUrl: "chapters/main/chapter41.html"
})
.state('appendix1', {
url: "/appendix1",
templateUrl: "chapters/appendix/appendix1.html"
})
.state('appendix2', {
url: "/appendix2",
templateUrl: "chapters/appendix/appendix2.html"
})
.state('appendix3', {
url: "/appendix3",
templateUrl: "chapters/appendix/appendix3.html"
})
.state('appendix4', {
url: "/appendix4",
templateUrl: "chapters/appendix/appendix4.html"
})
.state('appendix5', {
url: "/appendix5",
templateUrl: "chapters/appendix/appendix5.html"
})
.state('appendix6', {
url: "/appendix6",
templateUrl: "chapters/appendix/appendix6.html"
})
.state('appendix7', {
url: "/appendix7",
templateUrl: "chapters/appendix/appendix7.html"
})
$urlRouterProvider.otherwise("/home");
})
.controller('MainCtrl', function($scope, $ionicSideMenuDelegate) {
$scope.attendees = [
{ firstname: 'Nicolas', lastname: 'Cage' },
{ firstname: 'Jean-Claude', lastname: 'Van Damme' },
{ firstname: 'Keanu', lastname: 'Reeves' },
{ firstname: 'Steven', lastname: 'Seagal' }
];
$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
};
});
What mus I have done wrong?
Thanks