1

当我尝试将服务注入到我在下面代码中提到的单独文件中的控制器中时，我收到错误：

TypeError：myService.getData 不是 Object.e 的 new (controllers.js:18) 的函数 [as invoke] (angular.min.js:39) 的 M.instance (angular.min.js:80) 的 D (angular.min.js:61) 在 g (angular.min.js:55) 在 g (angular.min.js:55) 在 angular.min.js:54 在 angular.min.js:20 在 r。 $eval (angular.min.js:133) 在 r.$apply (angular.min.js:134)

索引.html

加载此html页面中的所有js文件

<!DOCTYPE html>
<html lang="en" ng-app="app">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>title</title>
  <link rel="stylesheet" href="styles/all.css">
  <script src="libs/angular.min.js"></script>
  <script src="libs/jquery.js"></script>
  <script src="js/service.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/myApp.js"></script>
  <script src="libs/bootstrap/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
</body>
</html>

这是我们一次加载控制器和服务的主文件

myApp.js

var app = angular.module('app', ['app.service', 'app.controllers']);

服务.js

在这里我试图从服务器获取数据并想在控制器中使用

var app = angular.module("app.service", []);

app.service('myService', function($http) {
  function getData (callbackFunc) {
    $http({
        method: 'GET',
        url: "url"
      }).success(function(data){
        callbackFunc(data);
    }).error(function(){
        alert("error");
    });
  }
});

控制器.js

该文件包含所有逻辑并从 service.js 文件中注入 myService。我使用 service.js 中的 myService 并尝试获取数据，但一直出错

angular.module('app.controllers', ['app.service'])

  .controller('myCtrl', ['$scope', '$http', '$timeout', 'myService',

    function ($scope, $http, $timeout, myService) {

   myService.getData(function(dataResponse) {

          $scope.surveys = dataResponse;

});

}]);
4

1 回答 1

1

您的服务模块声明有问题。

您正在获取模块名称而不声明它。

像这样试试

var appSvc=angular.module("app.service",[]);

appSvc.service('myService', function($http){});

用这个绑定你的方法

像这样

this.getData =function (callbackFunc) {}
于 2016-01-14T07:28:29.227 回答