Element kann nicht in der Liste von ui-select2 erstellt wählen

Question

In meinem HTML Ich habe diese Zeile:

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

und die privsSelect2options Funktion:

$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; 
    } 
}; 

Alles funktioniert OK, wenn ich 3 Buchstaben setzen Es filtert das Ergebnis und zeigt es korrekt an, aber ich kann kein Element anklicken und aus der Ergebnisliste auswählen. Kann mir jemand in dieser Angelegenheit helfen? Es kommt nicht einmal in die formatSelection Funktion.

Answer 1

das Problem war, dass Priv Klasse/Tabelle hatte keine ID-Eigenschaft, und der Primärschlüssel war Feldcode. Ich hatte Funktion hinzuzufügen:

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

in $scope.privNameSelect2options

Answer 2

Obwohl dies nicht wirklich in der select2 Dokumentation angegeben ist, werden Sie einen ID-Schlüssel mit einem Funktionswert Select2 übergeben müssen.

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

Answer 3

Bitte beachten Sie Select2 Ajax Method Not Selecting,

und nehmen Sie den richtigen Wert:

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

oder

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