Modal is not showing (only backdrop is showing)

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Modal is not showing (only backdrop is showing)

Saban pro premium asked 5 years ago

Expected behavior modal.show() opens modal

Actual behavior modal.show() set only backdrop and no modal added

Resources (screenshots, code snippets etc.) I am showing the modal in the ngOnInit function, when the modal is view child variable

like this:

export class ShowAndHideModalComponent { @ViewChild('demoBasic') demoBasic: ModalDirective;

showAndHideModal() { this.demoBasic.show(); } }

Bartosz Termena staff answered 5 years ago

Hi!

Use ngAfterViewInit() instead on ngOnInit()

Hope it helps!

Best Regards, Bartosz.

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.2.0
  • Device: B
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No
Tags
bootstrap-modal
Related topics
0
Non-centered modals in WebView
About author
Yael Shrem
Pro User Premium support
85Support score
15Questions 1Answers
0Snippets likes 2Snippets