Javascript 使用$timeout（）在特定间隔后隐藏页脚和页脚消息

我正在尝试使用Intel

XDK

创建一个angular应用程序。在这里，当我运行索引页时，我们可以看到页脚消息。我需要的是页脚和页脚消息将在5秒后使用timeout（）隐藏

但我下面的代码不起作用

index.html

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

---

为什么不给页脚一个Id，然后在超时时执行

（“#footerId”）.hide（）

---

还希望您在控制器中添加了

$timeout

依赖项

为什么不给页脚一个Id，然后在超时中执行

（“#页脚Id”）.hide（）

还希望您在控制器中添加了

$timeout

依赖项

如下更正它

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

{{footer_message}}

如下所示进行更正

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

{{footer_message}}

您的代码一切正常。。。 我试过拉小提琴

编辑1：

这是检查互联网连接的工作

 if(navigator.onLine){
          $scope.footer_message='success';
          }
          else{
          $scope.footer_message=' no network ';
          }

---

你的代码一切正常。。。 我试过拉小提琴

编辑1：

这是检查互联网连接的工作

 if(navigator.onLine){
          $scope.footer_message='success';
          }
          else{
          $scope.footer_message=' no network ';
          }

---

尝试对页脚div使用ng hide

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

{{footer_message}}

尝试对页脚div使用ng hide

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

{{footer_message}}

您的代码很好。但是我有两个页脚消息，比如如果没有internet页脚消息将没有网络，或者有页脚消息，比如success@nisary您的代码很好，并且工作成功。但是在这里，我想隐藏的不仅仅是页脚消息页脚牙，而是在超时函数@sherinkshow中隐藏fotter div以隐藏页脚$timeout（）中的div@nisar documnet.getElementById（'fotter'）.style.display='none'；您的代码很好。但是我有两个页脚消息，比如如果没有internet页脚消息将没有网络，或者有页脚消息，比如success@nisary您的代码很好，并且工作成功。但是在这里，我想隐藏的不仅仅是页脚消息页脚牙，而是在超时函数@sherinkshow中隐藏fotter div来隐藏页脚div$timeout（）@nisar documnet.getElementById（'fotter'）.style.display='none'；