costimize-mat-select-autocomplete
Version:
Angular material select component with autocomplete and select all features
35 lines (25 loc) • 1.47 kB
Markdown
# 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
<ul>
<li> Autocomplete in mat-select : Search the options based on display value</li>
<li> Unselect / Select All at single click</li>
<li> Ability to select / unselect partial list which is being filtered</li>
<li>Search works similar to IntelliJ CamelHumps search</li>
</ul>
## 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 (<link href=”https://fonts.googleapis.com/icon?family=Material+Icons" rel=”stylesheet”>)
Now use <mat-select-autocomplete> with configurations specified in document
## Keywords
[angular], [angular15+], [angular15], [angular14], [javascript], [material], [mat-select], [mat-select-autocomplete], [autocomplete]