使用angularjs以编程方式选择多个列表框项

时间:2014-08-20 09:13:20

标签: angularjs listbox

我有一个多列表框。

在视图中,

        <select name="cars" multiple class="listMutiple top5">
            <option ng-repeat="u in users" value="{{u}}">{{u}}</option>
        </select>

在控制器中,

        $scope.users = ["aaaaa","bbbbb","ccccc","ddddd","eeeee","fffff"]

我有一个全选复选框

当我点击全选复选框时,我需要在列表框中选择所有选项(当我点击列表框中的任何项目时会发生相同类型的选择)。我不知道如何实现这一目标。

任何人都可以帮助我。

1 个答案:

答案 0 :(得分:0)

您可以使用ng-selected指令:

<option ng-selected="u.selected" ng-repeat="u in users" 
        value="{{u.name}}">{{u.name}}>
</option>

请参阅以下JSFiddle