Search box for Angular multiselect


Topic: Search box for Angular multiselect

Ozz1k asked 6 years ago

Hi there,

We are using the latest Angular MDB PRO on our project. One of our needs is to have a multiselect control that provides dozens of selection options, which implies an ability to search for values inline.

From reading the docs, I understand the jQuery multiselect support inline search, as shown in the "Multiselect with search box" example https://mdbootstrap.com/docs/jquery/forms/multiselect/

Unfortunately, I couldn't find a similar sample in the Angular docs - https://mdbootstrap.com/docs/angular/forms/multiselect/

Does it mean the inline search is not available in the Angular version of multiselect? If so, are there any workarounds available to make multiselect options searchable for users?

I really hope we can find a solution to this issue as it sounds like a pretty common use case to be solved with all MDB versions.


Arkadiusz Idzikowski staff answered 6 years ago

Hello,

You need to add [filterEnabled]="true" input to your mdb-select component. You can find more information about useful inputs in API section in select/multiselect documentation (switch the tab at the top of the page). We will add an example to the main page as well.


Ozz1k answered 6 years ago

Excellent news, thank you Arkadiusz!

A live example would help me, as well as other Angular novices, find these handy features more easily.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: Laptop
  • Browser: Firefox
  • OS: Windows 7
  • Provided sample code: No
  • Provided link: Yes