How get selected items

[Alfredo]

Could i have a small example on how to get the list of selected items using the 'multiselect' component?
I tried to implement the example defined in Thread ID: 148142 (which I report below),

but, when I press the button, the result of the console.log () is always 'undefined'

app.component.html
==================
<ejs-multiselect id='multiselect-checkbox' #checkbox [dataSource]='countries' [placeholder]='checkWaterMark' [fields]='checkFields'
                    [mode]='mode' [popupHeight]='popHeight' [showDropDownIcon]='true' showSelectAll='true' [filterBarPlaceholder]='filterPlaceholder'></ejs-multiselect>
<button (click)="btnclick()">Get Selected Value</button>
 
 
app.component.ts
================
import { MultiSelectComponent } from '@syncfusion/ej2-angular-dropdowns';
 
@ViewChild('checkbox', {static: true})
public mulObj: MultiSelectComponent;
 
btnclick() {  
    console.log(this.mulObj.value);
}

[Berly Christopher]

Hi Alfredo, 

  

Greetings from Syncfusion support. 

  

We have checked the MultiSelect component based on the provided code example. When we select the values in the MultiSelect and clicking the button, we can get the selected value correctly from the component instance. Please find the screenshot and sample from below. 

  

Sample Link: https://stackblitz.com/edit/angular-8dgnfy?file=app.component.ts  

  

 

 

  

So, we suggest you to ensure that MultiSelect component instance is created correctly inside the external button click event. Still the issue persists, please share the issue reproducing sample and Syncfusion product version that will help us to check and proceed further at our end. 

  

Regards, 

Berly B.C 

[Alfredo]

OK!

Many thanks for your cooperation

[Berly Christopher]

Hi Alfredo, 

  

Most welcome. Please let us know if you need further assistance on this. 

  

Regards, 

Berly B.C