kendo ui网格角度5垫菜单未在kendoGridCellTemplate中关闭

Question

我在kendoGridCellTemplate里面有一个菜单 ，其中菜单项是由ngFor创建的。

该菜单显示正确，但是一旦单击，它就不会关闭 。

如果我使用chrome inspector导航到该元素，则DOM中不存在该元素。

<kendo-grid-column *ngIf="shouldCreate" title="Menu">
  <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
    <mat-menu #actionMenu="matMenu" [overlapTrigger]="false">
      <div class="action-menu">
        <a *ngFor="let actionitem of Items;let mi=index"
          [ngClass]="{'border-top':actionitem.HasSeperator}" 
          ng-click='ActionItemClicked(actionitem.MenuTitle,dataItem)'>
          <mat-icon>{{actionitem.MenuIcon}}</mat-icon> 
           {{actionitem.MenuTitle}}
        </a>
      </div>
    </mat-menu>
    <button mat-icon-button [matMenuTriggerFor]="actionMenu">
      <mat-icon>more_vert</mat-icon>
    </button>
  </ng-template>
</kendo-grid-column>

知道这里出了什么问题。

即使简单的实现也不起作用，即菜单没有关闭，这是代码：

<kendo-grid-column title="Menu Test">
  <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
    <button mat-button [matMenuTriggerFor]="menu">Menu</button>
    <mat-menu #menu="matMenu">
      <button mat-menu-item>Item 1</button>
      <button mat-menu-item>Item 2</button>
    </mat-menu>
  </ng-template>
</kendo-grid-column>

菜单代码是从“ 角度材质”页面复制的

Answer 1

终于我找到了问题所在。 为了自动调整列宽，我使用了导致此问题的函数grid.autoFitColumn() ，一旦删除该问题即可解决。 但是，我仍然需要查看autoFitColumn中导致该问题的内容。