Typeahead Multi-select Dropdown Component For Angular

ngx typeahead is a multi-select dropdown component for angular. Type-ahead uses an (observable) array of elements to suggest a value to use based on the current value of the input.

multiselect dropdown angular, select all option in multiselect dropdown angular, ng multiselect dropdown custom template, ng multiselect dropdown

Elements can be simple strings or they can be objects. Here is a shortlist of functionality:

  • Standard preset writing functions
  • Custom input (only if suggestions are strings)
  • Fixed range of values – limited to suggestions
  • Choose multiple values
  • Suggestions as an array or can be observed from a group
  • Suggestion as Object – User selects which property is the offer value and which is the value identifier.

Simple Tag Input Using Typeahead Autocomplete Built With Vue.js

How to make use of it:


npm install --save ngx-type-ahead

In order to use ngx-type-forward, you need to import the module and simply place the component in your template.

  imports: [
  bootstrap: [AppComponent]
export class AppModule { }
<type-ahead formControlName="myControl" [suggestions]="mySuggestions"></type-ahead>

Multi-select Dropdown Component, ngx-typeahead Plugin/Github, npm multiselect dropdown

See Demo And Download

Official Website(Greentube): Click Here

This superior jQuery/javascript plugin is developed by Greentube. For extra Advanced Usages, please go to the official website.

Related Posts


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…


Select Box Based Star Rating JavaScript Library | star-rating.js

star-rating.js is a small JavaScript library to create a customizable and gradually improved star rating control from a regular tick box with numeric values. The ES6 module…


Corner Fixed Notifications Alerts With Bootstrap | BS4 Show Notification

Bootstrap Notification is an easy-to-use jQuery plugin that uses the Bootstrap Alerts component to create static, rejectable, and stackable notification popups in the upper right corner of the…


Create Stackable Multi-level Sidebar Menu | HC Off-canvas Nav

Multi-Level Sidebar Slide Menu – HC MobileNav is a jQuery plugin for creating multi-level, mobile-first, totally accessible, off-canvas facet navigation that helps the infinite nesting of submenu…


Responsive Masonry Layout with SSR Support for Vue 3 | vue-masonry-wall

Vue masonry wall is a responsive masonry layout component for Vue 3 to deliver a Masonry-style responsive grid layout with SSR and RTL layout support. Features 📱…


A Bootstrap 5 Toast Notification Framework Library | bs-toaster

bs-toaster is simple to instantiate bs-toaster and create multiple toasts effortlessly using native Bootstrap 5! Feature Facts Small and clean Modern browser support. No IE sorry 💥…