Angularjs single select on ng-dropdown-multiselect

Question

I'm new in angularjs and trying to solve the problem. My question is how to make single select from ng-dropdown-multiselect I found some of the solutions like:

vm.dropDownAreaSelection = {
      selectionLimit: '1',
      closeOnSelect: true,
      displayProp: 'name',
      idProp : 'name',
      showCheckAll : false,
      showUncheckAll : false,
      onChange: vm.filterChangedSelection,
      smartButtonMaxItems: 1,
    };

<div ng-dropdown-multiselect
     options="vm.selectArea"
     selected-model="vm.selected.areaObj"
     extra-settings="vm.dropDownAreaSelection"></div>

it's working fine but when I select one item previously selected is not unselected. I'm using angularjs 1.5.3

Any help will be appreciated.

Thanks in advance

ng-dropdown-multiselect fires many event on selection. may be you can clear the model manually. — Gaurav Srivastava
– Gaurav Srivastava, Commented Aug 8, 2017 at 9:31
Why do you need ng-dropdown-multiselect at all if you only intend to select 1 item? — kuk_94
– kuk_94, Commented Aug 8, 2017 at 10:41
Actually it's a big filter already made for ng-dropdown-multiselect, I tried to make select / option code crashed. So I need to fix existing structure. — Baxter
– Baxter, Commented Aug 8, 2017 at 10:50

Sanket Achari · Accepted Answer · 2018-02-26 21:44:32Z

2

Make sure that selected-model is not an array. It should be object.

vm.selected.areaObj = {};

For more than 1 selection limit, it should be array.

vm.selected.areaObj = [];

answered Feb 26, 2018 at 21:44

Sanket Achari

5101 gold badge6 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Angularjs single select on ng-dropdown-multiselect

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related