不能選擇通過用戶界面，選擇2創建的列表項

Question

在我的HTML我這一行：

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

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

一切工作正常，當我把3個字母它過濾結果並顯示它正確，但我無法單擊並從結果列表中選擇任何項目。任何人都可以幫我解決這個問題嗎？它甚至不會進入formatSelection函數。

Answer 1

問題是Priv class/table沒有id屬性，並且它的主鍵是字段代碼。我不得不添加功能：

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

在$scope.privNameSelect2options

Answer 2

雖然這不是真正的選擇2文件中規定，你需要傳遞一個ID密鑰與函數值來選擇2。

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

Answer 3

請參考Select2 Ajax Method Not Selecting，

，並採取正確的值：

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

或

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