Question

我正在尝试使用英特尔XDK创建一个角度应用程序。当我运行索引页面时，我们可以看到页脚消息。我需要的是页脚和页脚消息将每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

我认为你正在寻找foorter message中的通知部分。你可以做的是绑定$ scope中的消息变量。$ watch service并检查是否有一些值，如果该消息有一些值，则执行null立即在html部分使用该变量的ng-show

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


        }, 2000);

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

3 个答案: