在 Ionic 应用程序中分离服务不起作用

Question

我正在努力将服务成功地分离到单独的文件中。我正在尝试以与我的控制器相同的方式进行操作，即：

在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 {}});

我在这里错过了什么？谢谢

Answer 1

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

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

您的其他人也有同样的问题，请尝试在 Service.js

中解决

在 Ionic 应用程序中分离服务不起作用

Separating services in Ionic app doesn't work

javascript

angularjs

angular-services

ionic-framework

ionic