Impossibile selezionare elemento in lista creato da ui-select2

Question

Nel mio HTML ho questa linea:

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

e la funzione 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; 
    } 
}; 

Tutto funziona bene quando ho messo 3 lettere filtra il risultato e lo mostra corretto ma non posso fare clic e selezionare qualsiasi elemento dall'elenco dei risultati. Qualcuno può aiutarmi in questa faccenda? Non entra nemmeno nella funzione formatSelection.

Answer 1

il problema era che la classe/tabella Priv non aveva la proprietà id e la sua chiave primaria era codice di campo. Ho dovuto aggiungere funzioni:

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

in $scope.privNameSelect2options

Answer 2

Anche se questo non è realmente specificato nella documentazione Select2, è necessario passare una chiave id con un valore di funzione per Select2.

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

Answer 3

prega di fare riferimento al Select2 Ajax Method Not Selecting,

e prendere il valore corretto:

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

o

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