Angular Material md select 选项组默认 selected 值

Question

如何将列表中的特定项目设置为 md-select 选项组中的 selected 值。

例如，当我加载页面时，我希望看到 Alice 和 Steve 已经被选中。我试图通过输入值来设置模型，但它不起作用。

$scope.users = [
       { id: 1, name: 'Bob' },
       { id: 2, name: 'Alice' },
       { id: 3, name: 'Steve' } ];

$scope.selectedUser = [{ id: 2, name: 'Alice' },{id: 3,name:'Steve'}];

<md-input-container>
   <label>Users</label>
     <md-select ng-model="selectedUser" multiple="">
        <md-optgroup label="Users">
        <md-option ng-value="user" ng-repeat="user in users">{$ user.name $}</md-option>
        </md-optgroup>
      </md-select>
</md-input-container>

干杯！

Answer 1

您可以使用 ng-selected。不幸的是， ng-selected 似乎没有功能。所以你必须使用三元运算符。

<md-option ng-value="user" ng-repeat="user in users" ng-selected="user.name === 'Bob' ? true : (user.name === 'Alice' ? true : false)">{{ user.name }}</md-option>

PLUNKER

Answer 2

使用 ng-model-options（参见页面中的最后一个示例）。所以你的 md-select 你看起来像这样：

<md-select ng-model="selectedUser" multiple="" 
           ng-model-options="{trackBy: '$value.id'}">

Plunker example

Angular Material md select 选项组默认 selected 值

Angular Material md select option group default selected values

angularjs

angular-material