Несколько select2 angularUI загружают удаленные данные

У меня проблема с загрузкой удаленных данных в множественном 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 };

        }
    }

};

Он возвращает значения из запроса на получение, но когда я выбираю, он возвращает undefined в поле ввода.


angularjs angular-ui angularjs-select2
person user3428228    schedule 09.05.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Просто убедитесь, что вы включили свойство data в $ scope.groupSelectOptions следующим образом:

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

Теперь вы должны увидеть термин, выбранный в поле ввода.

person Vijay    schedule 09.07.2014