如何在Kendo Angular multiselectBox中实现选择和取消选择事件

Question

他伙计们，

我知道Kendo for jquery有开箱即用的onSelect和deselct事件，但是kendo for angular只有onChange事件，我怎么不能从onChange事件中获得那些缺失的功能(onSelect，取消选择)呢？

下面是组件：

template: `
<div class="example-config">
  Current value: {{value | json}}
</div>
<div class="example-wrapper">
  <p>Favorite sport:</p>
  <kendo-multiselect  [data]="listItems" [(ngModel)]="value" (valueChange)="valueChange($event)"></kendo-multiselect>
</div>

下面是我的实现：

export class AppComponent {
  public listItems: Array<string> = ['Baseball', 'Basketball', 'Cricket', 'Field Hockey', 'Football', 
 'Table Tennis', 'Tennis', 'Volleyball'];
  public value: any = [];
   public s :any=0;
   valueChange(e){
  console.log(e);

   }

我登录了看看是否有任何关于选择和取消选择的东西，但似乎没有这样的东西，有什么想法吗？

Answer 1

我实现了一个解决方法来从onChange事件中选择和取消选择：

          public temp:any[]=[];
        public listItems: Array<string> = ['Baseball', 'Basketball', 'Cricket', 'Field Hockey', 'Football', 'Table Tennis', 'Tennis', 'Volleyball'];
        public value: any = [];

    valueChange(e){
      if(this.temp.length<e.length){
    console.log("seleted");
    this.temp.push(e.length);
      }
    else{
      console.log("Dseleted");
      if(this.temp.length!=0){this.temp.pop();this.temp.length}
    }
    console.log(e.length);
    }