-1
codepenでjQueryの機能を使用して。 しかし、私はそれを達成するためにjQueryを使用しましたが、今は同じものに対して角度のあるアプリを使用しています。私はネットワークの状態を変更するための作業コードを持っている、これは動作するコード</p> <p>あるAngularJS
私を助けてください。以下は
私はすでに既存のplunkerから試してみました角度コード： Plunker
HTML：
<!doctype html>
<html ng-app="plunker" >
<head>
<meta charset="utf-8">
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
Hello {{name}}! {{online}}
</body>
</html>
JS：
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);
});
あなたの問題がわかりません。 $ scope.onlineがtrueの場合にクラスを設定しようとしていますか？ –