Question

我正在尝试将自定义类添加到我的应用程序的菜单中，该值对于包含此HTMl的组件可见，并且在DOM元素同级中其值为true，但没有当我检查生成的HTML时，它似乎确实适用于此方法，虽然包含的组件被封装到多个有角度的组件中，但是mat-menu容器也作为直接子项添加到主体HTML元素中。

我的HTML如下

        <mat-menu class="more-menu" [ngClass]="{ dutch: languageFlag === 'nl' }" #cardOptions="matMenu" xPosition="before" [overlapTrigger]="false">
          <button mat-menu-item>
            Button 1
          </button>
          <button mat-menu-item>
            Button 2
          </button>
        </mat-menu>

我可以找到添加到其他元素但没有添加到mat-menu的“ dutch”类

Answer 1

使用 class ，这是一种输入属性，它接受在主机mat-menu元素上设置的类，并将它们应用到覆盖容器中显示的菜单模板上。

@Input（'class'）panelClass：字符串

<mat-menu class="customClass" #menu="matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>

Example

将使用ng-class的类添加到mat-menu

1 个答案: