鼠标悬停可在Angular 6中打开menga菜单

在Angular 6中，鼠标悬停可以通过使用Angular Material库中的MatMenu组件来实现打开menga菜单。

Angular Material是一个由Google开发的UI组件库，提供了丰富的可重用UI组件，包括菜单、按钮、对话框等。MatMenu组件是其中的一个组件，用于创建具有下拉菜单功能的UI元素。

在Angular 6中，要使用MatMenu组件，首先需要在项目中引入Angular Material库。可以通过以下命令来安装：

npm install @angular/material @angular/cdk

安装完成后，在Angular模块中导入所需的模块：

import { MatMenuModule } from '@angular/material/menu';

@NgModule({
  imports: [MatMenuModule],
  ...
})
export class AppModule { }

接下来，在HTML模板中使用MatMenu组件：

<button mat-button [matMenuTriggerFor]="menu">打开菜单</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>菜单项1</button>
  <button mat-menu-item>菜单项2</button>
  <button mat-menu-item>菜单项3</button>
</mat-menu>

在上面的代码中，我们创建了一个按钮，并使用[matMenuTriggerFor]指令将按钮与菜单关联起来。当鼠标悬停在按钮上时，菜单会自动打开。菜单中的每个菜单项都使用mat-menu-item指令来定义。

关于Angular Material的更多信息和使用方法，可以参考腾讯云的Angular Material产品介绍页面：Angular Material产品介绍