Select Dropdown

Select Dropdown is an angular component that allows you to create a dropdown selection by passing in a few parameters.

Installation

``bash
npm install select-dropdown
`
In app.module
`ts
import { SelectDropdownModule } from 'select-dropdown';
@NgModule({
declarations: [
AppComponent
],
imports: [
SelectDropdownModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
`

Inputs


`ts
// Required parameters
options: Map | any[]; // the dropdown options (can be a map or an array)
name: string; // the label for the dropdown

// Optional parameters
default: any; // the default selected option, by default, none is selected
readonly: boolean // default is false
`


Outputs


`ts
onSelect: EventEmitter; // emits the value when an option is selected
`

Usage

"onSelect" is the event listener. When an option is selected, it will emit the key if its a Map and the value if its an Array.
`ts
someFunction(event: any) {
console.log(event); // will log the color
// if its a map, it will log the key, not the value.
}
`

`html
[default]="'Red'" (onSelect)="someFunction($event)">
``

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT