要在Angular中使用Angular Material菜单组件,您需要按照以下步骤进行设置:
ng add @angular/material
import { MatMenuModule } from '@angular/material/menu';
@NgModule({
imports: [
// other imports
MatMenuModule
],
// other configurations
})
export class AppModule { }
import { Component } from '@angular/core';
@Component({
selector: 'app-menu-example',
templateUrl: './menu-example.component.html',
styleUrls: ['./menu-example.component.css']
})
export class MenuExampleComponent {
// handle menu item selection
onItemClick(item: string) {
console.log('Selected item:', item);
}
}
这样,您就可以在Angular中使用Angular Material菜单组件并处理菜单项的选择了。请注意,您可能还需要进行其他样式和布局调整以适应您的应用程序。