deselect chips programmatically in chiplist

[ttArbor]

is there some way I can deselect a selected chip dynamically in the code  in a chiplist with multiple selection? 

Thanks

[Christopher Issac Sunder K]

Hi thao, 

Greetings from Syncfusion support. 

We have achieved your requirement by selecting the item again using select method. That helps you to deselect a selected item. 

this.chip.select(3); 

We have created a sample for deselecting a selected item. Please refer the sample link given below 

Sample Link: https://codesandbox.io/s/angular-1s28x 

Please get back to us if you require any further assistance. 

Thanks,
Christo 

[ttArbor]

I've tried that but it doesn't really turn out as expected. From what I see is   'select' method pretty much toggling the chip. 

For example: if there are [1,2,3] selected. Calling  this.chip.select(3) will deselect [3] , which is not something expected.  

[Christopher Issac Sunder K]

Hi thao, 

Thanks for the update. 

When you want to deselect an entire selected chip, we need to pass the selected chips index position to chips “select” method. Please refer the code snippets given below. 

this.chipIndex = this.chip.element.ej2_instances[0].getSelectedChips().Indexes; 

this.chip.select(this.chipIndex); 

please refer the online sample given below. 

Sample link: https://codesandbox.io/s/angular-q1vz9 

Please get back to us if you require any further assistance. 

Thanks,
Christo