Searchable multiselect dropdown
npm install ng-searchable-multiselect-dropdown
bash
npm install ng-searchable-multiselect-dropdown
`
Usage/Examples
`javascript
import { NgSearchableMultiselectDropdownModule } from 'ng-searchable-multiselect-dropdown';
@NgModule({
imports: [
NgSearchableMultiselectDropdownModule
],
...
})
`
`
keyword = "model"
[options] = "cars"
[allowSearchable] = "false"
[allowMultipleSelect] = "true"
[itemShowLimit] = 2
[id]="select-id"
(selectedItemEvent)="getSelectedItem($event)"
>
`
`
public cars = [
{
'model': 'Lamborghini Aventador',
'category': 'sports',
'brand': 'Lamborghini',
'price': 6.25 // price in crore
},
{
'model': 'Ferrari F8 Tributo',
'category': 'sports',
'brand': 'Ferrari',
'price': 4.02 // price in crore
},
{
'model': 'Aston Martin DBS Superleggera',
'category': 'sports',
'brand': 'Aston Martin',
'price': 5.00 // price in crore
},
{
'model': 'Bugatti Veyron',
'category': 'sports',
'brand': 'Bugatti',
'price': 12.00 // price in crore
}
]
`
Environment Variables
To run this project, you will need to add the following environment variables to your project file
keyword: string
placeholder: string
options: []
itemShowLimit: number
allowSearchable: boolean
allowMultipleSelect: boolean
id: string
selectedItemEvent: event`