Filtered Select for Angular

Ultra simple clone of Select2 written in pure Angular 10
No additional dependencies

https://github.com/timbophillips/angular-components-workspace/tree/master/projects/filtered-select

https://www.npmjs.com/package/filtered-select

Usage

$3

npm install --save filtered-select

$3


import { FilteredSelectModule } from "filtered-select";
...
@NgModule({
  // Added FilteredSelectModule
 imports: [..., FilteredSelectModule],
...

$3


    [options]="options"
    [lines]="8"
    [backgroundColor]="'white'"
    (chosenOption)="onResult($event)"
    [grouped]=true
  >

$3


import { option } from 'filtered-select';

const options: option[] = [ { text: 'Tim', id: 'TP', group: 'Parents' }, { text: 'Ben', id: 'BP', group: 'Parents' }, { text: 'Katie', id: 'KP', group: 'Parents' }, { text: 'John', id: 'JP', group: 'Grandparents' }, { text: 'Sue', id: 'SP', group: 'Grandparents' }, { text: 'Sarah', id: 'SR', group: 'Parents' }, { text: 'Claire', id: 'CB', group: 'Parents' }, { text: 'Drew', id: 'AM', group: 'Parents' }, { text: 'Molly', id: 'MP', group: 'Kids' }, { text: 'Lucy', id: 'LP', group: 'Kids' }, { text: 'Jess', id: 'JP2', group: 'Kids' }, { text: 'George', id: 'GP', group: 'Kids' }, { text: 'Daisy', id: 'DM', group: 'Kids' }, { text: 'Benny', id: 'BP', group: 'Nicknames' }, { text: 'Timbo', id: 'TP', group: 'Nicknames' }, { text: 'Richo', id: 'SR', group: 'Nicknames' }, ];``