angular - Kendo ui for Angular：将kendoButton的点击事件绑定到组件中变量的方法

Question

我有一个“any”类型的组件变量“消息”，它包含一个方法“actionnowrapper（）”

每当我绑定到像下面这样的按钮时，这都很好。

<button (click)="message.actionnowrapper()"></button>

每当我使用 kendoButton 指令时，这不再有效。

<button kendoButton (click)="message.actionnowrapper()"></button>

将 Kendobutton 直接绑定到组件中的方法就可以了，但这不是我们需要的。

 <button (click)="actionnowrapper()"></button>

如何将 kendobutton 绑定到组件变量中的方法？

谢谢！

Answer 1

常规按钮和 Kendo 按钮单击处理程序的工作方式相同：

<button kendoButton (click)="message.actionnowrapper('kendo')">Click</button>
<button (click)="message.actionnowrapper('regular')">Click</button>

export class AppComponent {
message = {
  actionnowrapper: (buttonType: string) => {
      alert(`${buttonType} button clicked`)
    } 
  }
}

例子