0

我想使用ng-tags-input自动完成功能，但出现错误：

e.then 不是函数

这是我的 HTML

<tags-input ng-model="selectedBodyParts" class="ui-tags-input" add-on-paste="true">
      <auto-complete source="loadBodyParts($query)" min-length="0" load-on-focus="true">

      </auto-complete>
</tags-input>

和 AngularJS 代码：

    $scope.loadBodyParts = function ($query){
        var bodypartList = angular.copy($scope.bodyParts);
        return bodypartList.filter(function(bodypart) {
            return bodypart.bodyPartName.toLowerCase().indexOf($query.toLowerCase()) !== -1;
        });
};

任何帮助，将不胜感激！

4

1 回答 1

0

用于加载源的函数ng-tag-input应该返回一个Promise对象，Promise 有一个带有签名的函数，.then(fn, fn)这可能是它正在寻找但没有找到的，因此你的..

e.then is not a function错误

如果你去演示部分，在“带自动完成的简单标签输入”下，你会看到这段代码

$scope.loadTags = function(query) {
    return $http.get('tags.json');
};

在角度$http.get返回一个承诺。如果我必须更改您的代码，我可能会$q用来承诺您的数据并返回一个包含您过滤数据的承诺。

$scope.loadBodyParts = function ($query){
    var bodypartList = angular.copy($scope.bodyParts);
    var promisifyMe = bodypartList.filter(function(bodypart) {
        return bodypart.bodyPartName.toLowerCase().indexOf($query.toLowerCase()) !== -1;
    });
    return $q.when(promisifyMe);
};

$q 文档

于 2016-07-11T07:23:58.830 回答