Press "Enter" to skip to content

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.