Dynamic Angular Table

From your code, it seems like you’re missing the click event handler on the “Add” button that should trigger the modal to open. You need to add a (click) event to the button that will call the openDialog function.

Here’s how you can do it:

  add

In your TypeScript file, you should have a method openDialog that opens the modal. If you’re using Angular Material, you can use the MatDialog service to open the modal. Here’s an example:

import { MatDialog } from '@angular/material/dialog';
// import your dialog component
import { DialogComponent } from './dialog.component';

constructor(private dialog: MatDialog) { }

openDialog(event: Event) {
  const dialogRef = this.dialog.open(DialogComponent);

  dialogRef.afterClosed().subscribe(result => {
    console.log(`Dialog result: ${result}`);
  });
}

In this example, DialogComponent is the component that contains your form. You would replace this with the component that contains your form.

Remember to import MatDialogModule in your module file.

Thanks