Nie można wybrać pozycję z listy stworzonej przez UI-Select2

Question

W moim HTML Mam ten wiersz:

<input ng-change="privChanged()" ng-model="selectedPriv" ui-select2="privsSelect2options"></input> 

i funkcję privsSelect2options:

$scope.privsSelect2options = { 
    placeholder: "Wybierz privo", 
    allowClear:true, 
    minimumInputLength: function(){return 3;}, 
    formatInputTooShort: function (input, min) {return "Wprowadź conajmniej " + min + " znaki.";}, 
    formatSearching: function() { return "Wyszukiwanie..."; }, 
    formatNoMatches: function() { return "Nie znaleziono pasujących województw."; }, 
    query: function (query) { 
     query.callback({results: $filter('filter')($scope.privs,{name: query.term}) }); 
    }, 
    formatResult: function(priv){ 
     return priv.name; 
    }, 
    formatSelection: function(priv){ 
     return priv.name; 
    } 
}; 

Wszystko działa OK, gdy kładę 3 litery filtruje wynik i pokazuje go poprawnie, ale nie mogę kliknąć i wybrać dowolnego elementu z listy wyników. Czy ktoś może mi pomóc w tej sprawie? Nie wchodzi nawet w funkcję formatSelection.

Answer 1

Problem polegał na tym, że klasa/tabela Priv nie miała właściwości id, a kluczem podstawowym był kod pola. Musiałem dodać funkcję:

id : function(priv) { 
     return priv.code; 
    }, 

w $scope.privNameSelect2options

Answer 2

Chociaż nie jest to określone w dokumentacji select2, musisz zdać klucz id o wartości funkcji celu select2.

$scope.privsSelect2options = { 
    id: function(element) { return element.name; } 
    ... 
}; 

Answer 3

Proszę odnieść się do Select2 Ajax Method Not Selecting,

i podjąć właściwą wartość:

id: function(data){return {id: data.id};}, 

lub

id: function(data){return data.id}