带有"已选择"复选框的 AngularJS 多选复选框下拉列表

Question

我有一个简单的多选复选框下拉列表。正如我在下面给出的。

<select name="edit_tags" class="form-control" id="advisor_article_tagsx" multiple="" required>
<option ng-repeat="service in services" value="{{service.id}}">{{service.name}}</option>
</select>

现在我希望一些复选框(如索引 1,3,5(带有选定的复选框。

我的AngularJS代码如下。

$scope.article_edit = function(articles) {
$scope.services = [$scope.model[0], $scope.model[1]];
} 

那么我需要为此做什么？？

谢谢

Answer 1

为什么不使用ng-options，它具有良好的支持，并且在选择字段上也有ng-model。因此，您的模板可以是：

<select name="edit_tags" class="form-control" id="advisor_article_tagsx" multiple="" 
required ng-model="selected" ng-options="service as service.name for service in services">
</select>

工作压倒器示例