AngularJS Multiselect checkbox dropdown with Selected Checkbox

Question

I have a Simple Multiselect checkbox dropdown. As I have given below.

<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>

Now I want that some checkbox like index 1,3,5 comes with selected checkbox.

My AngularJS Code is given below.

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

Then What I need to do for that ??

Thanks

Is $http call in the same controller as advisor_article_edit method? — Stanislav Kvitash
– Stanislav Kvitash, Commented Aug 9, 2017 at 18:00
Can you please set up a working fiddle to illustrate the problem you are facing? Since it is hard to say what is actually wrong with your code seeing this short examples. Try initiate $scope.selected = [] before using it in $scope.advisor_article_edit method. — Stanislav Kvitash
– Stanislav Kvitash, Commented Aug 9, 2017 at 18:28

Shantanu · Accepted Answer · 2017-08-09 16:12:21Z

1

Why not use ng-options which has good support & also ng-model on select field. So your template can be:

<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

answered Aug 9, 2017 at 16:12

Shantanu

3,5332 gold badges21 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Shantanu Over a year ago

You want to show checkbox inside select? That's not default behavior of select field. You need some library for that like this dotansimha.github.io/angularjs-dropdown-multiselect/docs/#/main Check this example: embed.plnkr.co/xWvfWYjaW7TThKZONkv5

John Brad Over a year ago

Hello Shantanu, I have updated my question. If you don't mind then can you please help me little more. I will be really thankful to you.

Shantanu Over a year ago

@JohnBrad plnkr.co/edit/c90dKXgLOHJn00aN9f3u?p=preview and also check this if you ant to run it just inside that function only: plnkr.co/edit/YhRcshKy0qUfR1wVufY6?p=preview

Collectives™ on Stack Overflow

AngularJS Multiselect checkbox dropdown with Selected Checkbox

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related