3

我第一次使用 angular 1.2.18。我将它与 rails 3.2 和 coffeescript 一起使用。我正在尝试在服务中使用承诺来获取一些数据，然后我将使用这些数据来填充模板。我的代码如下所示：

angular.module('myApp')
.service('fetchService', ['$http', '$q', ($http, $q) ->
 theService = {}
  theService.myData = null

  theService.getData = (url) ->
    q = $q.defer()

    if this.myData
      q.resolve(this.myData)
      return q.promise

    self = this
    $http.get(url).then(
      (successResonse)->
        self.myData = successResponse
        q.resolve(successResponse)
      ,(errorResponse)->
        self.myData = errorResponse
        q.reject(errorResponse)
    )

    return q.promise
  return theService
])

.directive('myDirective', ["fetchService", fetchService)->
  return {
    restrict: "A"
    templateUrl: "/my_template_url"
    scope:
      url: '@shopUrl'
      offset: '@'
        controller: ($scope, fetchService)->
      fetchService.getData($scope.url).success( (data) ->
        $scope.content = data.content
      )
  }
])

当我尝试这样做时，我得到“未定义不是函数”并且没有有用的堆栈跟踪。我不确定哪个部分未定义。我曾考虑在 config() 中执行此操作，但直到运行时我才知道 $http.get(url) 中的 url 是什么。任何有关以“角度方式”执行此操作的帮助或建议将不胜感激。

4

1 回答 1

1

fetchService.getData正在返回一个$q承诺，而不是一个$http承诺，所以你不能调用 .success 就可以了。

fetchService.getData($scope.url).success( (data) ->

这需要更改为

fetchService.getData($scope.url).then( (data) ->
于 2014-07-17T22:02:07.647 回答