Multi-select Dropdown Component for Angular | ngx-typeahead

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

multiple select dropdown in angular, angular multi select dropdown example, angular 6 multiselect dropdown example, multiselect dropdown in angular

How it works

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

• 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 – The user selects which property is the offer value and which is the value identifier.

Autocomplete/Typeahead JS Plugin For Bootstrap v5

How to make use of it:

Installation:

npm install --save ngx-type-ahead

1. In order to use ngx-type-forward, you need to import the module and simply put the components into your template.

@NgModule({
  imports: [
    TypeaheadModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

<type-ahead formControlName="myControl" [suggestions]="mySuggestions"></type-ahead>

Multi-select Dropdown Component For Angular, ngx-typeahead Plugin/Github

See Demo And Download

Official Website(Greentube): Click Here

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