TypeError: ConnectionService.isOnline不是一个函数
TypeError: ConnectionService.isOnline is not a function
当我尝试在控制器中实例化我的服务时,我保持以下错误消息:
ionic.bundle.js:26794 TypeError: ConnectionService.isOnline is not a function
at new MonitorService (http://localhost:8100/app/services/connection.service.js:33:24)
at Object.instantiate (http://localhost:8100/lib/ionic/js/ionic.bundle.js:18010:14)
at Object.<anonymous> (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17850:24)
at Object.invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17995:19)
at Object.enforcedReturnValue [as $get] (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17834:37)
at Object.invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17995:19)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17794:37
at getService (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17941:39)
at injectionArgs (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17965:58)
at Object.instantiate (http://localhost:8100/lib/ionic/js/ionic.bundle.js:18007:18) <ion-nav-view name="tab-search" class="view-container tab-content" nav-view="active" nav-view-transition="android">
这是我到目前为止的代码:
search.controller.js
/*
*
*/
(function() {
'use strict';
angular
.module('dingocv.controllers')
.controller('SearchController', SearchController)
function SearchController($scope, $interval, CategoryService, MonitorService) {
$scope.connected = $interval(MonitorService, 1000);
CategoryService.getCategoryList().then(function(dataResponse) {
$scope.categories = dataResponse.data;
});
}
})();
connection.service.js
/*
*
*/
(function() {
'use strict';
angular
.module('dingocv.services')
.service('ConnectionService', ConnectionService)
.service('MonitorService', MonitorService)
function ConnectionService($rootScope, $cordovaNetwork) {
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;
}
}
}
}
function MonitorService() {
if(ConnectionService.isOnline()) {
return true;
} else if(ConnectionService.isOffline()) {
return false;
}
}
})();
search.view.html
<ion-view view-title="Search">
<ion-content>
<div ng-show="!connected">You are not connected</div>
<div ng-show="connected">You are connected</div>
</ion-content>
</ion-view>
我猜你错过了connection.service.js
的依赖注入
connection.service.js
(function() {
'use strict';
angular
.module('dingocv.services')
.service('ConnectionService', ConnectionService)
.service('MonitorService', MonitorService)
function ConnectionService($rootScope, $cordovaNetwork) {
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;
}
}
}
}
// injecting ConnectionService in this service
function MonitorService(ConnectionService) {
if(ConnectionService.isOnline()) {
this.status = true;
} else if(ConnectionService.isOffline()) {
this.status = false;
}
}
})();
search.controller.js
(function() {
'use strict';
angular
.module('dingocv.controllers')
.controller('SearchController', SearchController)
function SearchController($scope, $interval, CategoryService, MonitorService) {
$interval(function(){
$scope.connected = MonitorService.status
}, 1000);
CategoryService.getCategoryList().then(function(dataResponse) {
$scope.categories = dataResponse.data;
});
}
})();
希望能有所帮助。
相关文章:
- 我可以在json对象中添加一个函数吗
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 在另一个函数中使用变量this
- 在另一个函数成功结束后调用该函数
- mongoose.connect undefined不是一个函数
- 监听器必须是一个函数
- 使用JS函数来使用另一个函数的语法?node.js
- 如何取消object.prototypes javascript的一个函数
- 从Chrome扩展名中的popup.html文件在background.js文件中运行一个函数
- 嵌套到另一个函数中的Fancybox函数;不起作用
- 如何在javascript中使用不止一个函数
- jQuery-在页面加载时执行一个函数
- jquery UI draggable:UI.children不是一个函数
- jQuery Mobile Undefined不是一个函数
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- javascript函数将数据添加到屏幕,但随后被另一个函数覆盖
- JS异常:animate不是一个函数
- 如何将一个函数附加到一个不存在的元素上
- JavaScript/jQuery-添加添加和删除类与下一个函数之间的延迟