多个select2 angularUI加载远程数据答案

【问题标题】：Multiple select2 angularUI load remote data多个select2 angularUI加载远程数据
【发布时间】：2014-05-09 09:27:35
【问题描述】：

我在多个 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 };

        }
    }

};

它从 get 请求返回值，但是当我选择它时，它在输入框中返回 undefined。

【问题讨论】：

标签： angularjs angular-ui angularjs-select2

【解决方案1】：

只需确保您已将“数据”属性包含在 $scope.groupSelectOptions 中，如下所示：

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

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

【讨论】：