如何隐藏开始代码的 div，AngularJS

Question

我正在使用此代码来检查互联网最终用户。

myapp.run(function($window, $rootScope) {
  $rootScope.online = navigator.onLine;
  $window.addEventListener("offline", function () {
    $rootScope.$apply(function() {
      $rootScope.online = false;
    });
  }, false);
  $window.addEventListener("online", function () {
    $rootScope.$apply(function() {
      $rootScope.online = true;
    });
  }, false); 
});

我的页面上有一个div 这样。默认情况下，它显示为显示：无;

<div id="connec_failed">...</div>

如果结果返回 false，如何显示此div 启动检查互联网的代码？

结果返回 true 时如何再次隐藏div？

Answer 1

使用 ng-hide ： if online

<div id="connec_failed" ng-hide="online">...</div>