AngularJS和列表框(选择多个)

Question

我有以下内容:

<div>
<select multiple>
    <option ng-model="xss" ng-selected="u.selected" ng-repeat="u in xs" value="{{u.value}}">
        {{u.value}}
    </option>
</select>

$scope.xss;
$scope.xs = [
    { id: 1, value: 'value 1', selected: false },
    { id: 2, value: 'value 2', selected: false },
    { id: 3, value: 'value 3', selected: false }
];

选择工作正常,但所选值不绑定到xss.如何从多重选择角度获取所选项目？

Answer 1

你应该在<select>声明中使用ng-model 而不是如下所示的选项,

<select multiple ng-model="xss" >
    <option ng-selected="u.selected" ng-repeat="u in xs" value="{{u.value}}">
      {{u.value}}
    </option>
  </select>

现场演示