There is an option to modify the the settings of the multiple selects to make them single selects.
in the FilterComponent.html add [settings]="mySettings" to the directive that will be a single select
in the FilterComponent.ts add public mySettings: IMultiSelectSettings = { selectionLimit: 1, autoUnselect: true}
Doing so will require modifying the typescript to be an array of MultiSelectOptions much like the other dropdowns:
//project
public projectList: Array;
public projectSelected: Array;
//organization
public organizationList: Array;
public orgSelected: Number;
Any references to these in the FilterComponent will also need to be updated.
There is an option to modify the the settings of the multiple selects to make them single selects.
in the FilterComponent.html add [settings]="mySettings" to the directive that will be a single select
in the FilterComponent.ts add public mySettings: IMultiSelectSettings = { selectionLimit: 1, autoUnselect: true}
Doing so will require modifying the typescript to be an array of MultiSelectOptions much like the other dropdowns: //project public projectList: Array;
public projectSelected: Array;
//organization
public organizationList: Array;
public orgSelected: Number;
Any references to these in the FilterComponent will also need to be updated.