My goal is to develop an Angular app using Intel XDK with 3 page scripts in index.html, each having a separate footer. The requirement is for the footer and its message to display and hide every 5 seconds when running each page.
app.js
app.controller('main', function ($scope,$interval,$ionicModal,localStorageService,$http,$q,$templateCache) {
$scope.showFooter =true;
$scope.footer_message ='Powered By';
$scope.checkConnection=function() {
var networkState = navigator.connection.type;
if(networkState == Connection.NONE){
$scope.footer_message = "No Network Connection";
return false;
}else{
$scope.footer_message = "Powered By";
return true;
}
}
$interval(function() {
if($scope.showFooter)
{
$scope.showFooter =false;
}
else{
$scope.showFooter =true;
}
},5000);
});
index.html
The index.html file contains 3 pages, each with a unique footer:
<div class="bar bar-footer bar-balanced" style="background-color:#444444;">
<div class="title">{{footer_message}}</div>
</div>