feat(Menu): Programmatically open/close menu

[olfek]

Feature Description

feat(Menu): Programmatically open/close menu

When the menu is clicked, it opens right away.

I want to handle the click event and programmatically open the menu after doing another operation.

My workaround at present:

<button matButton (click)="listData(dataMenu, $event)" #dataMenuBtn>List Data</button>
<mat-menu #dataMenu>
    @for (item of data; track item)
    {
        <button mat-menu-item>{{ item.text }}</button>
    }
</mat-menu>

@ViewChild('dataMenuBtn', { read: ViewContainerRef })
private readonly dataMenuBtnViewContainerRef!: ViewContainerRef;

@ViewChild('dataMenuBtn', { read: ElementRef })
private readonly dataMenuBtnElementRef!: ElementRef;

private dataMenuTrigger!: MatMenuTrigger;
protected data: { text: string }[] = [];

protected async listData(dataMenu: MatMenu, $event: MouseEvent): Promise<void>
{
    const menuTrigger = this.dataMenuTrigger ?? (this.dataMenuTrigger = runInInjectionContext(Injector.create({
        providers: [
            {
                provide: ElementRef,
                useValue: this.dataMenuBtnElementRef
            },
            {
                provide: ViewContainerRef,
                useValue: this.dataMenuBtnViewContainerRef
            }
        ],
        parent: this.injector // `Injector` via DI.
    }), () => new MatMenuTrigger()));
    menuTrigger.menu = dataMenu;
    const result = await fetch(`/api/...`);
    this.data = await result.json() as typeof this.data;
    menuTrigger.openMenu();
}

Use Case

Load data inside menu on click

[crisbeto]

We do have APIs around opening programmatically, but this specific use case isn't super ergonomic with it so we should come up with something.

[crisbeto]

We are closing this issue, because we've determined, using a semi-automated process, that it is no longer relevant, has low engagement, or it does not have enough information to proceed. Feel free to comment if you think the issue should be reopened, or open a new issue with the latest version of our code instead.

[olfek]

@crisbeto --- I think this issue should be reopened