angularjs - update - django angular




如何檢查AngularJs中的互聯網連接 (2)

這是我將如何檢查互聯網連接在香草javascript:

setInterval(function(){
    if(navigator.onLine){
        $("body").html("Connected.");
    }else{
        $("body").html("Not connected.");
    }
},1000);

我的項目中有角度控制器和模塊。 我應該在哪裡放置代碼? 它應該在全局環境中執行,而不是分配給某個控制器。 有沒有某種全球控制器可能?


您的選擇:

  • 窗口,文檔或document.body上的addEventListener。

  • 在文檔上設置.ononline或.onoffline屬性
    document.body添加到JavaScript函數對象。

  • 在HTML標記的標記中指定ononline =“...”或onoffline =“...”屬性

我將展示最簡單的。

在你的控制器

document.body.onoffline = function() {
   alert('You are offline now');
   $scope.connection = 'offline' 
}

document.body.ononline = function() {
   alert('You are online again');
   $scope.connection = 'online' 
}

在嘗試發送請求之前,請檢查$ scope.connection變量。


這絕對不是很好,但你可以嘗試一個AJAX請求到你的Web服務器; 它會成功或超時。

此外, HubSpot /脫機項目看起來非常好。





angularjs