Скрыть и показать нижний колонтитул с сообщением нижнего колонтитула в angularjs

Question

Скрыть и показать нижний колонтитул с сообщением нижнего колонтитула в angularjs

0

Я пытаюсь создать угловое приложение в Intel XDK, у меня есть 3 скрипта страницы. В index.html и 3 отдельных нижних колонтитула. Мне нужно, когда я запускаю каждую страницу, нижнее и нижнее колонтитулы будут отображаться и спрятаться каждые 5 секунд

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

У меня 3 страницы в index.html и 3 страницы имеют отдельные 3-х нижние колонтитулы, такие как

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

sherins 19 апр. 2016, в 15:34

Источник

0

Не уверен, что именно то, что вы ищете. Но вы можете решить показать и скрыть нижний колонтитул, основываясь на «ng-show = showFooter». Если showFooter имеет значение true, тогда нижний колонтитул будет виден иначе, иначе. docs.angularjs.org/api/ng/directive/ngShow
voila 19 апр. 2016, в 12:42
0

Я хочу отображать сообщение в нижнем колонтитуле на каждой странице в зависимости от сети @voila
sherins 19 апр. 2016, в 12:47
0

так в чем проблема ? Посмотрите на ответ, приведенный ниже Punith .. разве это не то, что вы ищете
voila 19 апр. 2016, в 16:52

Показать ещё 1 комментарий

Теги:

javascript

angularjs

intel-xdk

1 ответ

Ещё вопросы

Не уверен, что именно то, что вы ищете. Но вы можете решить показать и скрыть нижний колонтитул, основываясь на «ng-show = showFooter». Если showFooter имеет значение true, тогда нижний колонтитул будет виден иначе, иначе. docs.angularjs.org/api/ng/directive/ngShow
Я хочу отображать сообщение в нижнем колонтитуле на каждой странице в зависимости от сети @voila
так в чем проблема ? Посмотрите на ответ, приведенный ниже Punith .. разве это не то, что вы ищете

Punith Mithra · Answer 1 · 2016-04-19T13-26-00.000Z

Я попробовал пример, вам нужно добавить ng-show, чтобы показать и скрыть нижний колонтитул при изменении данных.

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);
    });

измените значение showFooter на основе требования.

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