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

Damian Gemza staff commented 6 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

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

Please insert min. 15 characters.

Publish

---

dtrunk90 free 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?

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

Please insert min. 15 characters.

Publish

---

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/

<p>You can also call the methods directly in the HTML template. Please take a look at our examples: <a href="https://mdbootstrap.com/docs/angular/modals/basic/" target="_blank">https://mdbootstrap.com/docs/angular/modals/basic/</a></p>

Please insert min. 15 characters.

Publish

---