Javascript 在AngularJS中使用jQuery函数

这是工作代码

我有一个用于更改网络状态的工作代码。 但我使用jQuery来实现它，现在我使用angular应用程序实现同样的功能

你能帮帮我吗

下面是我从已有的plunker中尝试的Angular代码：

HTML:

---

像这样使用

ng类

：

<div id="connection"  ng-class="{'connected': online == true}">Online<div></div></div>

在线

这是你的更正

希望这就是你想要的。

在线 的
离线

---

请注意，使用这种方法，不会处理“连接…”的初始状态

我不确定你的问题是什么。如果$scope.online为真，您是否只是试图设置一个类？是的，这非常接近，但脱机如何。它不会像我的一样变为离线。你能帮忙吗谢谢

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

app.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 id="connection"  ng-class="{'connected': online == true}">Online<div></div></div>

  <div id="connection" ng-class="{'connected': online, 'disconnected': !online}">
    <span ng-if="$root.online">Online<div></div></span>
    <span ng-if="!$root.online">Offline<div></div></span>
  </div>