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:

Installation:

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.

@NgModule({
  imports: [
    TypeaheadModule
  ],
  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.