angularjs - 多个select2 angularUI加载远程数据

Question

我在多个 select2 中加载远程数据时遇到问题。我的代码是

    var fetchGroups = function (queryParams) { 
    console.log(JSON.stringify(queryParams));
    return $http.get("https://******/****/***/" + queryParams.data.query).then(queryParams.success); 
}; 

$scope.groupSelectOptions= { 
    minimumInputLength: 3, 
    ajax: { 
        data: function (term, page) { 
            return { query: term }; 
        }, 
        quietMillis: 500, 
        transport: fetchGroups, 
        results: function (data, page) {
            console.log(data);
            // parse the results into the format expected by Select2 return { results: data };
            var drastics = data.data.result;
            if(drastics){
                var data = new Array();
                for(var i = 0; i < drastics.length; i++){
                    data.push(
                        {
                            id: drastics[i].id,
                            text: drastics[i].name
                        }
                    );
                }
            } else {
                data = data.data.result;
            }
            return { results: data };

        }
    }

};

它返回来自获取请求的值，但是当我选择它时，它在输入框中返回未定义。

Answer 1

只需确保您已将“data”属性包含到 $scope.groupSelectOptions 中，如下所示:

$scope.groupSelectOptions= { 
    minimumInputLength: 3, 
    ajax: { 
        data: function (term, page) { 
            return { query: term }; 
        },
      .....
    data:[]} 

您现在应该会在输入字段中看到所选的术语。