要重新加载页面,你可以使用location.reload()
方法。在 Angular Material 的 mat-menu 中,你可以通过监听菜单的关闭事件,并在关闭事件中调用location.reload()
来重新加载页面。
首先,在你的组件中引入 MatMenuTrigger
和 MatMenu
:
import { MatMenuTrigger } from '@angular/material/menu';
import { MatMenu } from '@angular/material/menu';
然后,在模板中添加 mat-menu:
在组件类中,定义 reloadPage()
方法,并调用 location.reload()
:
export class YourComponent {
@ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
reloadPage() {
this.trigger.closeMenu();
location.reload();
}
}
这样,当你在菜单中选择一个选项并关闭菜单时,页面将被重新加载。
请注意,location.reload()
会重新加载整个页面,这可能会导致你失去当前页面的状态。如果你只想重新加载部分页面,你可以使用 Angular 的路由导航来导航到当前页面。