在Angular 12中,mat-menu的位置问题可以通过以下代码解决:
HTML代码:
TypeScript代码: import { MatMenuTrigger } from '@angular/material/menu';
@ViewChild('trigger') trigger: MatMenuTrigger;
ngAfterViewInit() { this.trigger.menu._positionStrategy.config.viewportMargin = 16; }
这里使用ViewChild来获取mat-menu的trigger并通过设置position strategy的viewport margin属性来解决位置问题。