ngx-multi-select-dropdown
v1.0.13
Published
Multi Select as well as Single Select Dropdown with Search functionality
Downloads
188
Maintainers
Readme
import it to your module- import { NgXMultiSelectDropdownModule } from "ngx-multi-select-dropdown";
@NgModule({ imports: [NgXMultiSelectDropdownModule} })
In component you want to use ts- options = [ { id: 1, name: "Option1", displayName: "Option 1"
},
{
id: 2,
name: "Option2",
displayName: "Option 2"
}
]
selectedItems = [ { id: 1, name: "Option1", displayName: "Option 1" } ]
html- <multi-select-dropdown [options]="options" [selectedItems]="selectedItems" [displayName]="'displayName'" (onSelect)="select()" (onUnselect)="unSelect()">
options - List of options (Object or simple string)
selectedItems - Selected Items(In case of multi select)
selectedItem - Keeps Selected Item when Single Selection
enableSearch - Enable or Disable search(By default true);
singleSelection - Enable Single Selection(By default false);
displayName - Name of the attribute to which is keeping the value to show in List(User friendly)(By default 'name')
type - Type of items("Object" or "Simple") <br/>
If you have any suggestion or issues, you are very welcome to post it here -https://github.com/RichaKashyap/ngx-multi-select-dropdown/issues