javascript - 在AngularJS中准备多选列表时如何选择多个选项

Question

我有以下选择列表：

<select multiple="multiple" ng-model="userRoles" ng-options="r.id as r.name for r in roles"></select>

以上生成了所有可用角色的列表。我需要在呈现表单时预先选择用户所属的角色。我可以为分配一个角色userRoles，但如果我尝试创建一个数组并将与用户关联的角色推送到该数组中，则不会选择任何项目。

我创建了一个 jsBin 让您使用非工作解决方案（并希望修复它）：http://jsbin.com/icoSoj/1/edit?html,js, output

谢谢！

score 1 · Accepted Answer

您选择的值是 ID，而不是完整的对象。

正如您所做的那样r.id as r.name，您需要将 ID 放入您的数组而不是完整的对象中。

score 1 · Accepted Answer

在里面ng-options，您正在指定ids选项的值。所以你应该这样做：

$scope.userRoles = [
    $scope.roles[1].id,
    $scope.roles[2].id
];

2 回答 2