UI Bootstrap typeahead 承诺问题与角度形式

Question

我正在使用 angular-formly 和集成的 ui bootstrap typeahead 来通过服务查询 api。承诺已正确解决，但 typeaheads 列表仅显示经过的输入查询的数据。

简单示例：我输入：“Bern”，服务触发四个请求：

1. query_term=B
2. query_term=Be
3. query_term=Ber
4. query_term=伯尔尼

承诺以正确的顺序正确解决。但是使用来自 query_term=Ber 的数据而不是最后一个 query_term=Bern 的数据列出建议。

有什么建议吗？

这里是代码细节：

服务：

var srv = {        
        getName: function (query_term) {},        
    };

srv.getName = function (query_term) {
return $http.get(srv._baseUrl + '/locating/api/autocomplete?query_term=' + query_term)
        .then(function(res) {
            return res.data;
        }).catch(function (err) {
            console.log(err);
        });
};

return {    
        getName: function (query_term) {
            return srv.getName(query_term);
        }
};

（正式）控制器：

{
            key: '_name',
            type: 'autocompleteNoWildcard',
            templateOptions: {
                options: [],
                onChange: function ($viewValue, $scope) {                        
                    if (typeof $viewValue != 'undefined') {
                        return $scope.templateOptions.options = locationService.getName($viewValue);                            
                    };
                }
            }
        },

HTML模板：

formlyConfig.setType({
            name: 'autocompleteNoWildcard',
            template: '<input type="text" autocomplete="off" ng-model="model._name" uib-typeahead="item.label for item in to.options" typeahead-no-results="noResults" class="form-control">',
            wrapper: ['bootstrapLabel', 'bootstrapHasError'],
        });

Answer 1

当名称长到 3 个字符时，放慢速度并开始轮询。