Kendo ui for angular: 将kendoButton的点击事件绑定到组件中某个变量的方法上

Question

我有一个 "any" 类型的组件变量 "message"，它包含一个方法 "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`)
    } 
  }
}

EXAMPLE