‘mat-menu-item’ 不是一个已知的元素:

huangapple go评论65阅读模式
英文:

'mat-menu-item' is not a known element:

问题

我有一个Angular应用程序 'Angular: 15.2.2',我想使用material,mat-menu被识别,而mat-menu-item没有被识别。

<button mat-icon-button [matMenuTriggerFor]="menu">
  <mat-icon>notifications</mat-icon>
</button>
<mat-menu #menu="matMenu">
  <mat-menu-item>Notification 1</mat-menu-item>
</mat-menu>

我已经在应用程序模块中导入了模块。

MatMenuModule,
MatIconModule,
英文:

I have angular app 'Angular: 15.2.2', and I want to use material, the mat-menu is recognized while the mat-menu-item is not recognized.
@angular/material@15.2.2

&lt;button mat-icon-button [matMenuTriggerFor]=&quot;menu&quot;&gt;
  &lt;mat-icon&gt;notifications&lt;/mat-icon&gt;
&lt;/button&gt;
&lt;mat-menu #menu=&quot;matMenu&quot;&gt;
  &lt;mat-menu-item&gt;Notification 1&lt;/mat-menu-item&gt;
&lt;/mat-menu&gt;

I already imported the modules in the app module

    MatMenuModule,
    MatIconModule ,

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

答案1

得分: 3

按@nils-kähler所说,你应该使用指令mat-menu-item:

<button mat-menu-item>Notification 1</button>

你可以在这里找到一些示例:https://material.angular.io/components/menu/examples

英文:

Like said by @nils-kähler you should use the directive mat-menu-item:

&lt;button mat-menu-item&gt;Notification 1&lt;/button&gt;

You can find some examples here : https://material.angular.io/components/menu/examples

huangapple
  • 本文由 发表于 2023年4月17日 21:28:56
  • 转载请务必保留本文链接:https://go.coder-hub.com/76035701.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定