AngularJS: Preselekcja opcji wielokrotnych Wybierz

Question

Próbuję wstępnie wybrać opcje na moim multiselect. Aby moja sprawa była jasna, zrobiłem JSFiddle.

<select ng-model="properties" id="props" multiple 
ng-options="option.name group by option.category for option in options"></select> 

Niestety, jestem związany ze sposobem, w jaki obiekt jest odbierany, więc przypuszczam, że potrzebuję atrybutu ng-options.

Czy ktoś ma pomysł, jak mogę uzyskać zarówno "Kapitan Ameryka" i "Dr. Doom "wybrany na ładunek?

Answer 1

Jesteś bardzo blisko, dwie zmiany. Zdefiniować atrybuty w kontrolerze jak ten

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

i dodać mały kawałek do NG-opcji jak ten

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

swojej option.name jak określi to, co zapisane funkcja wygląda w $ zakresu .properties

Answer 2

Spróbuj zmienić swój kod kontrolera:

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

Objaśnienie: ustawiasz swoje wybrane opcje (Właściwości) do różnych instancji obiektów niż te, które składają się na pełną listę. Użyj tych samych referencji obiektu, jak pokazano powyżej.