Angular UI select2 - Wie wird die automatische Sortierung gestoppt?

Question

Folgende Daten werden an select2 über Angular UI: (Live example here)

JS:

$scope.items = [ 
    {id: 1, text: 'elephant'}, 
    {id: 2, text: 'desk'}, 
    {id: 3, text: 'car'}, 
    {id: 4, text: 'boat'}, 
    {id: 5, text: 'apple'} 
]; 
$scope.selected = []; 

HTML:

<select ui-select2 
     multiple 
     ng-model="selected" 
     data-placeholder="Please select..." 
     style="width:200px"> 
    <option></option> 
    <option ng-repeat="item in items" value="{{item.id}}">{{item.text}}</option> 
</select> 

jedoch Element jedes Mal ausgewählt wird, es sortiert die ausgewählten Elemente von id. Zum Beispiel, wenn Sie "Apfel" und dann "Boot" wählen, sind die selected Artikel "Boot" und "Apfel" (in dieser Reihenfolge!).

Wie kann ich die Bestellung beibehalten und diese automatische Sortierung deaktivieren?

Answer 1

Sieht aus wie es den Auftrag erhält, wenn Sie ng-options verwenden anstelle eines ng-repeat für jedes der Elemente wie gesehen here tun

Alles, was Sie tun müssen, ist diese Zeile löschen:

<option ng-repeat="item in items" value="{{item.id}}">{{item.text}}</option> 

Und dann Fügen Sie eine solche Anweisung zu Ihrem Tag hinzu:

Dies wird es so machen, dass das gesamte Objekt Objekt bekommt An die ausgewählte Liste angehängt, anstatt nur an die ID, also müssen Sie dies berücksichtigen.