Fußzeile mit Footer-Nachricht ausblenden und anzeigen In angularjs

Question

Ich versuche, eine eckige App in Intel XDK zu erstellen, ich habe 3 Seitenskripte in index.html und 3 separate Fußzeilen.Was ich brauche ist, wenn ich jede Seite die Fußzeile ausführen und Fußzeile Nachricht wird ein- und ausgeblendet alle 5 Sekunden

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

ich habe 3 Seiten in index.html und 3 Seiten haben separate 3 Fußzeilen wie

<div class="bar bar-footer bar-balanced" style="background-color:#444444;"> 
       <div class="title">{{footer_message}}</div> 
</div> 

Answer 1

Ich habe das Beispiel versucht, müssen Sie ng-Show hinzufügen, um die Fußzeile bei Datenänderung anzuzeigen und auszublenden.

var app = angular.module("app",[]); 

    app.controller('main', function ($scope,$interval) { 
    $scope.showFooter =true; 
    $scope.footer_message ='Powered By';  
     $interval(function() { 
      if($scope.showFooter) 
      { 
       $scope.showFooter =false; 
       console.log($scope.showFooter); 
      } 
      else{ 
       $scope.showFooter =true; 
       console.log($scope.showFooter); 
      } 
     },5000); 
    }); 

Ändern Sie den showFooter-Wert basierend auf der Anforderung.

<div class="bar bar-footer bar-balanced" style="background-color:#444444;" ng-controller="main" ng-show="showFooter"> 
    <div class="title">{{footer_message}}</div> 
</div>