2017-08-09 63 views
0

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

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

那么我需要做什么?

感谢

+0

你有在开发任何异常安慰? –

+0

在控制台中,我没有发现任何错误或异常。 –

+0

是否在'advisor_article_edit'方法中调用'$ http'和相同的控制器? –

回答

1

为什么不使用具有良好的支撑&也选择场NG-模型NG选项。所以,你的模板可以是:

<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

+0

你想在选择内显示复选框?这不是选择字段的默认行为。你需要一些库,像这样http://dotansimha.github.io/angularjs-dropdown-multiselect/docs/#/main检查这个例子:http://embed.plnkr.co/xWvfWYjaW7TThKZONkv5/ – Shantanu

+0

你好山塔努,我已经更新了我的问题。如果你不介意的话,你能不能帮我多一点。我会非常感谢你。 –

+0

@JohnBrad plnkr.co/edit/c90dKXgLOHJn00aN9f3u?p=preview并检查这一点,如果你Ant来运行它仅仅只有该函数内部:plnkr.co/edit/YhRcshKy0qUfR1wVufY6?p=preview – Shantanu