如何隐藏启动代码的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。默认情况下，它显示为：none;

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

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

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

Answer 1

使用ng-hide：if online

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