使用选中的复选框的AngularJS Multiselect复选框下拉列表

时间:2017-08-09 14:14:03

标签: javascript angularjs checkbox

我有一个Simple Multiselect复选框下拉列表。正如我在下面给出的那样。

<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]];
} 

然后我需要做些什么?

由于

1 个答案:

答案 0 :(得分:1)

为什么不使用具有良好支持的ng-options&amp;选择字段上的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