Angular kendo-multiselect removeTag event

[bryian]

Any example on how the removeTag work in Angular 4/5?

[Dimiter Topalov]

Hello Bryian,

You can handle the MultiSelect removeTag event just like any other Angular component's event, i.e.:

<kendo-multiselect (removeTag)="onRemoveTag($event)" [data]="listItems" [(ngModel)]="value">...


public onRemoveTag(e) {
      console.log(e);
      // prevent removing conditionally
      if(e.dataItem === 'Tennis') {
        e.preventDefault();
      }
    }

We receive the data item that is about to be removed, and the event can be prevented (for example if there is a custom requirement some value to be always present and the user should not be able to remove it from the tag list):

https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/RemoveTagEvent/

https://plnkr.co/edit/hzf1yl4e9tdiscZDveqV?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik