AngularJS:多选预选选项

Question

我正在尝试在我的多选中预选选项。为了说明我的情况，我做了一个 JSFiddle .

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

不幸的是，我受到对象接收方式的限制，所以我想我需要 ng-options 属性。

有没有人知道我怎样才能得到“美国队长”和“博士”？加载时选择了“末日”？

Answer 1

尝试将您的 Controller 代码更改为:

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

说明:您将选择的选项(属性)设置为与构成完整列表的对象不同的实例。使用与上图相同的对象引用。