Close Modal after Contact-Form Send

Expected behavior

I'd like the modal containing the mdb-contact-form to CLOSE when acknowledging the send message.

Actual behavior

The code provided for mdb-contact-form does not consider modals. The obvious feature to close the modal is a hide button which I use (see code "Obvious..."). It must be activated to close the modal after message sent and ack received. (see code "Message..."). In app.component.ts

How would a hide modal feature be added to the ack "Message ..."? I'd appreciate any suggestions or help from community or MDB staff.

Resources (screenshots, code snippets etc.) Obvious Modal Close Feature:

  <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="basicModal.hide()">
<span aria-hidden="true">&times;</span>

Message Sent with Acknowledge Button Feature:

  onSubmit() {
    this.connectionService.sendMessage(this.contactForm.value).subscribe(() => {
      alert('Your message has been sent.');
      this.contactForm.reset();
      this.disabledSubmitButton = true;
    }, (error: any) => {
      console.log('Error', error);
    });
  }