2017-08-09 90 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