angularjs＆cordova- device ready

Question

私はjqueryで準備ができているデバイスを確認する方法を知っています。しかし、角度のついたjqueryを使うのは悪い習慣です。したがって、私は角度でjqueryを使用しないことを計画しています。

私はデバイスレディイベントをテストします。 jqueryのコードでは以下のように動作します：

どうすればanglejsで同じことができますか？

お知らせください。

Answer 1

イベントリスナーをサービスコンストラクタまたはブートストラップルーチンに追加するだけです。

ネットワークの状態が活字体で、このようになります。アプリケーションを管理するためにあなたの例でサービスをこだわり：便宜上つけ対応するJavaScriptのスニペットを追加

class NetworkStatusService { 
    deviceIsOnline: boolean; 

    constructor() { 
     document.addEventListener("deviceready",() => { 
      if (navigator.connection.type === Connection.NONE) { 
       this.deviceIsOnline = false; 
      } else { 
       this.deviceIsOnline = true; 
      } 
     }); 

     document.addEventListener("offline",() => { 
      this.deviceIsOnline = false; 
     }); 
     document.addEventListener("online",() => { 
      this.deviceIsOnline = true; 
     }); 
    } 
} 

---

を、あなたのための）

var NetworkStatusService = (function() { 
    function NetworkStatusService() { 
     var _this = this; 
     document.addEventListener("deviceready", function() { 
      if (navigator.connection.type === Connection.NONE) { 
       _this.deviceIsOnline = false; 
      } 
      else { 
       _this.deviceIsOnline = true; 
      } 
     }); 
     document.addEventListener("offline", function() { 
      _this.deviceIsOnline = false; 
     }); 
     document.addEventListener("online", function() { 
      _this.deviceIsOnline = true; 
     }); 
    } 
    return NetworkStatusService; 
}());