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>

Working plunker example