当您在angular mat-menu外部单击时，如何停止其关闭？

<button [matMenuTriggerFor]="menu">Open Menu</button>
<mat-menu #menu="matMenu">
  <!-- Menu content -->
</mat-menu>

import { Component, ViewChild, ElementRef, HostListener } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild('menu') menu: ElementRef;

  @HostListener('document:click', ['$event.target'])
  onClick(target: any) {
    const menuElement = this.menu.nativeElement;
    if (!menuElement.contains(target)) {
      // Stop menu from closing
      event.stopPropagation();
    }
  }
}