使用角形材料垫菜单时的重叠位置错误

Question

获取错误：

  

错误TypeError：this._overlay.position（...）。flexibleConnectedTo（...）。withTransformOriginOn不是函数       在MatMenuTrigger.push ../ node_modules/@angular/material/esm5/menu.es5.js.MatMenuTrigger._getOverlayConfig（menu.es5.js：1320）

<div class="mat-app-background basic-container">
  <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>

角材料版本6.4.7，cdk版本6.0.1和cli版本6.1.3

Answer 1

您的@ angular / cdk版本似乎与@ angular / material版本不一致。

在您的情况下，它们都应为6.4.7版

将来，请确保使用ng-update命令更新您的应用，它会为您处理这些事情。