Angular 17升级后Kendo Grid按钮触发NG0300错误求助

升级Angular 17.3.7和Kendo UI Angular 15.5.0后出现NG0300错误，核心原因是新版本中kendoGridRemoveCommand指令已内置ButtonComponent功能，不能再与kendoButton指令共存于同一个<button>元素，Angular会识别到多个组件匹配同一节点，从而抛出冲突错误。

修改后的代码： #

<kendo-grid-command-column [width]="40">
  <ng-template kendoGridCellTemplate let-dataItem>
    <button
      class="outgoing-delete-button"
      id="gridDeleteButton"
      kendoGridRemoveCommand
      [themeColor]="'primary'"
      [fillMode]="'clear'"
      (click)="$event.stopPropagation()"
    >
      <i class="fa fa-trash" aria-hidden="true"></i>&nbsp;
    </button>
  </ng-template>
</kendo-grid-command-column>

关键修改说明： #

• 移除kendoButton指令：新版本的kendoGridRemoveCommand已封装按钮基础功能，无需额外添加
• 调整属性绑定：将themeColor、fillMode改为Angular属性绑定形式（[themeColor]="'primary'"），这些属性现在属于kendoGridRemoveCommand的合法输入项
• 规范事件绑定：把原生onClick替换为Angular标准的(click)事件绑定，符合框架语法规范

内容的提问来源于stack exchange，提问作者ZotNet