使用角材料垫菜单时的叠加位置错误答案

【问题标题】：Overlay position error when using angular material mat-menu使用角材料垫菜单时的叠加位置错误
【发布时间】：2019-06-02 17:25:00
【问题描述】：

得到错误：

错误类型错误：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>

Angular 材质版本 6.4.7、cdk 版本 6.0.1 和 cli 版本 6.1.3

【问题讨论】：

@angular/cdk 依赖的版本是多少？
cdk 版本为 6.0.1
@Ploppy 感谢您的提示。将 @angular/cdk 更新到 6.4.7 成功！
是的，这就是我的想法。我会发布一个答案。

标签： angular angular-material

【解决方案1】：

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

在你的情况下，它们都应该是 6.4.7 版本

以后，请务必使用ng update 命令更新您的应用，它会为您处理这些事情。

【讨论】：