Angular Material Search Selector with Observable Options List

The Angular Material Search-select control library implements a “select search” or “select with search” control, to match (and build on) an Angular material. To provide the user interface, the Table of Materials autocomplete control is used; But the result is not an autocomplete per se, it’s really a search selection, aimed at selecting an item from the list.

mat select with search option, ngx mat select search, angular material select with search, angular material multi select dropdown, mat select trigger

How does it work and why

This control handles cases where the displayed ‘Name’ does not match the internal identifier. As a developer using this control, you provide ways to translate from ID to DisplayName, and to look up data during a selection.

Both directions of data search/lookup are asynchronous handles, suitable for a long database-based list of searchable items.

We’ve found this issue to appear regularly in our projects, and we’ve finally created this reusable solution. This repository/project contains both the component itself and the screens showing its use.

How to make use of it:


npm install --save @oasisdigital/angular-material-search-select

angular material search-select control Plugin/Github

See Demo And Download

Official Website(OasisDigital): Click Here

This superior jQuery/javascript plugin is developed by OasisDigital. For extra advanced usage, please go to the official website.

Related Posts


Responsive Drag and Drop File Uploader/Download Plugin | 5x5_jq_uploader

5x5_jq_uploader plugin can be used to instantly create a drop file area and file queue with a little bit of preparation. Bootstrap is used for responsive planning…


Stylesheet For Implementing Dark Mode with Bootstrap

Bootstrap Dark Mode provides a style sheet and two texts that allow you to implement Dark Mode on your website. Initially loaded based on user preferences, can…


Multi-purpose Navigation Menu for Javascript Library | jQuery Corenav

coreNavigation is a multipurpose navigation menu for a jquery based javascript library, comes with more style, and is easy to integrate. 11 Default Menu 2 Responsive Navigation…


Simple Multi-Select Dropdown Pure Vanilla Javascript | multiSelect.js

MultiSelect.js is a simple, clean, and progressive JavaScript library designed for easy integration with any type of project or system. The design was heavily influenced by the…


Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…


How To Create A Popup in HTML with CSS

How to create popup in html with css – Popup without JavaScript is an elegant pop-up panel component with an animated scale, written in CSS. Have you…