AngularJS: Vorwählen von Optionen bei Mehrfachauswahl

Question

Ich versuche Optionen auf meinem Multiselect vorzuwählen. Um meinen Fall klar zu machen, habe ich eine JSFiddle gemacht.

Leider bin ich durch die Art, wie das Objekt empfangen wird, gebunden, also denke ich, dass ich das NG-Optionen-Attribut brauche.

Hat jemand eine Idee, wie ich sowohl 'Captain America' und 'Dr. Doom 'bei Belastung ausgewählt?

Answer 1

Sie sind super nahe, zwei Änderungen. Definieren Sie die Attribute in Ihrem Controller wie diese

$scope.properties = ["Captain America", "Dr. Doom"]; 

Und fügen Sie ein kleines Stück zu Ihren ng-Optionen wie dieses

ng-options="option.name as option.name group by option.category for option in options" 

Ihres option.name wie wird feststellen, welche die gespeicherte Funktion wie in $ scope sieht .properties

Answer 2

Versuchen Sie Ihren Controller Code ändern zu:

function TestCtrl($scope) { 

    var myOptions = [{ 
     "id": "4", 
     "name": "Captain America", 
     "categoryId": "1", 
     "category": "Heroes" 
    }, { 
     "id": "5", 
     "name": "Iron Man", 
     "categoryId": "1", 
     "category": "Heroes" 
    }, { 
     "id": "10", 
     "name": "Magneto", 
     "categoryId": "2", 
     "category": "Vilains" 
    }, { 
     "id": "9", 
     "name": "Dr. Doom", 
     "categoryId": "2", 
     "category": "Vilains" 
    }]; 

    $scope.options = myOptions; 


    $scope.properties = [myOptions[0], myOptions[3]]; 
} 

Erläuterung: Sie Ihre ausgewählten Optionen (Eigenschaften) an verschiedene Instanzen der Objekte als diejenigen setzen, die die vollständige Liste zusammenstellen. Verwenden Sie die gleichen Objektreferenzen wie oben gezeigt.