Angular CDK 上下文菜单 - 根据所选行填充菜单

Angular CDK context menu - populate menus based on selected row

提问人:Priya Ganesan 提问时间:11/17/2023 更新时间:11/17/2023 访问量:12

问:

我的应用程序有一个 Angular CDK 上下文菜单 但是我需要根据选定的行项填充菜单。 用户根据行项目选择行项目后,需要为其填充相应的菜单 这怎么能做到呢? 在 TS 中

import {CdkContextMenuTrigger, CdkMenuItem, CdkMenu} from '@angular/cdk/menu';

在 HTML 中

<div [cdkContextMenuTriggerFor]="context_menu">Hi click me</div>

<ng-template #context_menu>
    <div class="example-menu" cdkMenu>
      <button class="example-menu-item" cdkMenuItem>Cut</button>
      <button class="example-menu-item" cdkMenuItem>Copy</button>
      <button class="example-menu-item" cdkMenuItem>Link</button>
    </div>
  </ng-template>
javascript 动态 上下文菜单 angular-cdk angular16

评论


答: 暂无答案