<p>Multiple Dropdown Select - <b>You can use this angular-dropdown-select apart from data tables as well.</b></p> <br/>
npm install angular-dropdown-selectMultiple Dropdown Select - You can use this angular-dropdown-select apart from data tables as well.
|
Instance: A way to bind it with tables. |
sh
npm i angular-dropdown-select
`
Usage
Import
`ts
import { AngularDropdownSelectModule } from 'angular-dropdown-select';
`
Fundamental Usage
`html
[headings]="headings"
[extras]="extras"
(onCheckBoxStatusChanged)="selectedColumnChange($event)"
(onUnselectAll)="getStatusOfUnselectedAll($event)">
`
Configuration - Props
`ts
selectedColumnChange(event: any){
console.log(event);
}
getStatusOfUnselectedAll(event: any){
console.log(event);
}
headings = [
{ id: 1, name: 'id', checked: true },
{ id: 2, name: 'name', checked: true },
{ id: 3, name: 'age', checked: false },
{ id: 4, name: 'email', checked: true },
{ id: 5, name: 'emp_number', checked: true }
];
extras = {
uncheckAllStatus: false,
dropdownButtonText: 'Title'
}
``