Angular dynamically opening popup material

[humble wren]

Hi,
I'm searching for a working example I tried the following:
import { Component } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';

@Component({ selector: 'app-root', template:
<button mat-button (click)="openDialog()">Open Dialog</button>
`,
})
export class AppComponent {
constructor(private dialog: MatDialog) { }

async openDialog() {
const { DynamicDialogComponent } = await import('./dynamic-dialog/dynamic-dialog.component');
this.dialog.open(DynamicDialogComponent, {
data: {
title: 'Dynamic Title',
content: 'This is dynamic content passed to the dialog.',
},
});
}
}`

but when I try this with a component, the component is not found

[mystic flare]

Post the exact and complete error you get. And a complete minimal reproduction as a stackblitz, as explained in #how-to-get-help . I tried reproducing your issue, but it works fine: https://stackblitz.com/edit/vtftsfcx?file=src%2Fexample%2Fdialog-overview-example.ts,src%2Fexample%2Fdialog-overview-example-dialog.ts