MatSelectAutocomplete

MatSelectAutocomplete is Angular based material component with feature of multi-options selection and autocomplete features

[Demo] (https://stackblitz.com/edit/mat-select-autocomplete)
[Documentation] (https://medium.com/@cryptoipl/angular-material-multi-select-with-autocomplete-113065d58dab)

Features

• Autocomplete in mat-select : Search the options based on display value


• Unselect / Select All at single click


• Ability to select / unselect partial list which is being filtered

Installation

Install MatSelectAutocomplete with npm:
npm install select-autocomplete --save

Dependency

Angular Material. Add it using [GettingStartedWithAngularMaterial].

Usage

Install select-autocomplete using [npm]
In AppModule, import { SelectAutocompleteModule } from ‘select-autocomplete’;
Add it to your AppModule import list
Add material theme to your styles.scss as @import “~@angular/material/prebuilt-themes/indigo-pink.css”;
Add Material icons fonts to index.html as ()
Now use with configurations specified in document

Keywords

[angular], [angular2+], [angular2+], [angular6], [javascript], [material], [mat-select], [mat-select-autocomplete], [autocomplete]