显示和隐藏页脚和页脚消息

Question

我正在尝试使用 Intel XDK.Here 创建一个 angular 应用程序，当我运行索引页面时我们可以看到页脚消息。我需要的是页脚和页脚消息每 5 秒显示和隐藏一次

index.html

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

Answer 1

您可以使用 angular $interval 或 window.setInterval 函数

$interval(function() {
if($scope.showFooter)
{
$scope.showFooter =false;
}
else{$scope.showFooter =true;}
},5000);

注意：您必须在控制器中注入 $interval 服务

在你的 html 中：

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

Answer 2

您可以在控制器页面中使用 $interval() 并在索引页面中使用 ng-show

Answer 3

我认为您正在寻找页脚中的通知部分 message.so 您可以做的是在 $scope.$watch 服务中绑定消息变量并检查它是否具有某些值以及该消息是否具有某些值value do null that instantly and in html section use a ng-show of that variable

$timeout(function () {
            $scope.footerMessage = null;


        }, 2000);

显示和隐藏页脚和页脚消息

show and hide footer and footer message

javascript

angularjs

intel-xdk