Modal form is not opening

It seems like you’re trying to open a modal dialog when the “Add” button is clicked, but it’s not working. Here are a few things you could check:

1. Event Emitter: Ensure that the openModal event emitter in your component is correctly emitting the event. You can check this by subscribing to the openModal event in the parent component and logging the event.

2. Dialog Component: Make sure that the dialog component (the content inside ...) is correctly set up to display as a modal. This usually involves using a service provided by your UI library (like MatDialog in Angular Material) to open the dialog.

3. Dialog Service: Check if you have correctly injected the dialog service (like MatDialog) in your component and if you’re calling the appropriate method to open the dialog.

4. Button Click: Ensure that the click event on the button is correctly wired up to call the openDialog method.

If you’re using Angular Material, the code to open the dialog should look something like this:

import { MatDialog } from '@angular/material/dialog';

constructor(private dialog: MatDialog) { }

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

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

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

Remember to import MatDialogModule in your module file.

I hope this helps! 

Thanks