Angular - Multi-select dropdown component with buttons Apply and Cancel at the bottom of the list

3
votes

I need a multi-select dropdown. With the typical select all option,but it should also have two buttons at the end of the list:

  • Apply
  • Cancel

Something like this image:

enter image description here

I found this two components :

https://nileshpatel17.github.io/ng-multiselect-dropdown/

https://github.com/CuppaLabs/angular2-multiselect-dropdown

But I need a component that either have these two buttons or at least let me extend it add these buttons.

Do you know of any component similar to the one shown in the image?

Please don't close this question. I really need help. If I have to change something just tell me, but please don't close it.

1
angularmulti-select
Please don't close this question. - eddy
Why not try creating a custom component and then adding ng-multiselect-dropdown as its first child and the two buttons as the second child? - Vighnesh Raut
But the buttons are part of the list not the container. - eddy

1 Answers

2
votes

In case someone might find it useful. I ended up using ng-select. Here are some examples:

Without using reactive forms

Using reactive forms