使用 ngTagInput 时出错：TypeError: a.filter 不是函数

Question

我正在尝试使用带有自动完成功能的 ngTagInput，但出现以下错误：

angular.min.js:117 TypeError: a.filter is not a function
at d (ng-tags-input.min.js:1)
at ng-tags-input.min.js:1
at angular.min.js:130
at n.$eval (angular.min.js:144)
at n.$digest (angular.min.js:142)
at n.$apply (angular.min.js:145)
at l (angular.min.js:97)
at H (angular.min.js:101)
at XMLHttpRequest.u.onload (angular.min.js:102)

HTML

<tags-input ng-model="selectedList">
  <auto-complete source="getData($query)"></auto-complete>
</tags-input>

Javascript

$scope.getData = function(query) { 
  var request = {
    // GET request is defined here
  };

  return $http(request).success(function(response, status) {
    var defer = $q.defer();
    defer.resolve([
      { 'text': 'just' },
      { 'text': 'some' },
      { 'text': 'cool' },
      { 'text': 'tags' }
    ]);
    return defer.promise;
  });
};

Plunker

Answer 1

您正在使用 success 方法，该方法不可链接，即它忽略返回值，因此 getData 函数实际上是直接返回 $http 承诺，根据您的 Plunker，碰巧解析为一个未确定的值，因此出现filter is not a function 错误，因为autoComplete 指令需要一个数组。

你应该使用then而不是success（你也不需要创建一个新的promise来从另一个promise中返回一个值）：

$scope.getData = function(query) { 
  ...
  return $http(request).then(function(response, status) {
    return [
      { 'text': 'just' },
      { 'text': 'some' },
      { 'text': 'cool' },
      { 'text': 'tags' }
   ];
  });
}

Updated Plunker

这会起作用，但它没有多大意义，因为它发出一个请求，然后丢弃它的响应。如果不需要处理响应，直接返回http promise即可（假设响应结构对指令有效）：

$scope.getData = function(query) { 
  ...
  return $http(request);
};

最后，success 和 error 方法 have been deprecated。您应该始终使用then。