【问题标题】:Uncaught TypeError: $rootScope.$on is not a function in Connectivity Factory未捕获的类型错误:$rootScope.$on 不是连接工厂中的函数
【发布时间】:2016-12-01 11:52:58
【问题描述】:

我有一个需要在离线模式下工作的 ionic 应用程序。启动应用程序时出现以下错误。为什么会发生这种情况 - 我接下来应该做什么?

我需要离线模式才能通过应用商店获得它。特别是我有一个谷歌地图位置下拉菜单,需要离线禁用。

services.js:392 Uncaught TypeError: $rootScope.$on is not a function 

这是我的代码。

})*/
  .factory('ConnectivityMonitor', ['$ionicPopup', function($rootScope, $cordovaNetwork, $ionicPopup){

    return {
      isOnline: function(){
        if(ionic.Platform.isWebView()){
          return $cordovaNetwork.isOnline();
        } else {
          return navigator.onLine;
        }
      },
      isOffline: function(){
        if(ionic.Platform.isWebView()){
          return !$cordovaNetwork.isOnline();
        } else {
          return !navigator.onLine;
        }
      },
      startWatching: function(){
        if(ionic.Platform.isWebView()){

          $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
            console.log("went online");
          });

          $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
            console.log("went offline");
            $ionicPopup.alert({
              title: 'No Internet Connection',
              content: 'This app requires an internet connection.'
            })
              .then(function() {
                //ionic.Platform.exitApp();
              });
          });

        }
        else {
...
        }
      }
    }
  }])

【问题讨论】:

    标签: javascript angularjs plugins ionic-framework


    【解决方案1】:
    .factory('ConnectivityMonitor', ['$ionicPopup', function($rootScope, $cordovaNetwork, $ionicPopup){
    

    您已将$ionicPopup 映射到$rootScope

    将所有内容作为字符串注入数组中,或者只是编写一个函数,如下所示:

    .factory("ConnectivityMonitor", ["$rootScope","$cordovaNetwork", "$ionicPopup", function($rootScope,$cordovaNetwork, $ionicPopup){...}]);
    

    .factory("ConnectivityMonitor", function($rootScope,$cordovaNetwork, $ionicPopup));
    

    【讨论】:

    • 这是第二个答案:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-09-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-06
    • 2019-05-24
    相关资源
    最近更新 更多