Using Angular 2 Multiselect dropdown

Question

I've finally managed to load the softsimon angular-2-multiselect-dropdown. How do i get the selected options ?

I'm using softsimon angular-2-multiselect-dropdown v 0.4.0

**Edit: **

<ss-multiselect-dropdown [options]="ArrayObject" [texts]="myTexts" [settings]="mySettings" (onModelChange)="dummy"></ss-multiselect-dropdown>

ArrayObject is :

    for(let x = 0; x < this.productArray.length ; x++ ){
        let temp={id : x , name : this.productArray[x]};
        this.ArrayObject[x]=temp;
    }

Output asked :

[ { "id": 0, "name": "redBox" }, { "id": 1, "name": "orangeBox" } ]

Thanks in advance

Answer 1

You can add an ngModel to the ss-multiselect-dropdown like this:

<ss-multiselect-dropdown 
   [options]="ArrayObject" 
   [texts]="myTexts" 
   [settings]="mySettings" 
   (ngModelChange)="onChange($event)"
   [ngModel]="selectedTexts"
></ss-multiselect-dropdown>

You have to change your component which is using this multiselect to something like this:

export class TextSelectorComponent {

   public selectedTexts: any[] = [];

   public onChange(): void {
      console.log(this.selectedTexts);
   }

}

After a change is triggered, the ngModel will then contain the selected values inside the selectedTexts variable.