Hide/Show Modal in Typescript

import { ModalDirective } from 'your path to modal directive';
...
@ViewChild('demoBasic') demoBasic: ModalDirective;
...
  showAndHideModal() {
    this.demoBasic.show();
}

Damian Gemza staff commented 7 years ago

You have to import ToastService into your component.ts file, and ToastModule in your app.module.ts. Then in imports array you have to import ToastModule.forRoot(). Best Regards, Damian

---

dtrunk90 commented 4 years ago

How the ModalDirective should look like? Do I really need to create an extra file/class just to call the show/hide methods?

---

Arkadiusz Idzikowski staff commented 4 years ago

You can also call the methods directly in the HTML template. Please take a look at our examples: https://mdbootstrap.com/docs/angular/modals/basic/

---