在Ionic应用中,分离服务是行不通的

Separating services in Ionic app doesn't work

本文关键字:服务 行不通 分离 Ionic 应用      更新时间:2023-09-26

我正在努力成功地将服务分离到单个文件中。我试着用同样的方式来做我的控制器,那就是:

在index。html中,我有这些行
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/services/Service1.js"></script>
<script src="js/controllers.js"></script>
<script src="js/controllers/Ctrl1.js"></script>

app.js

angular.module('testApp', ['ionic', 'testApp.controllers', 'ionic.service.core', 'testApp.services'])

controllers.js

angular.module('testApp.controllers', []);

Ctrl1.js

angular.module('testApp.controllers')
.controller('TestCtrl', function($scope) {});

然而,对服务使用相同的方法不起作用,我会得到未知提供者的错误。

services.js

angular.module('testApp.services', ['ionic.utils']);

Service1.js

angular.module('testApp.services')
.factory('testService' function () {
return {}});

我也试过

angular.module('testApp.services', ['ionic.utils'])
.factory('testService' function () {
return {}});

我在这里错过了什么?由于

如果您在问题中提供的代码直接从您的.js文件中复制,那么问题是您的Service1.js文件中缺少一个简单的逗号:

angular.module('testApp.services')
.factory('testService', function () {
//                    ^ missing comma
  return {};
});

Service.js

中尝试修复相同的问题