How to open ng-bootstrap modal popup on pageload in angular 7?

Question

I am unable to display the ng-bootstrap modal popup on page load in angular 7.

i have tried the below code to open it.

openVerticallyCentered(content) {

this.modalService.open(content, { centered: true });.
this.modalService.open(content, { beforeDismiss: false });

}

See this example: https://stackoverflow.com/a/55449627/4976422 — Ashish Ranjan, Jun 18 '19 at 10:31

score 7 · Accepted Answer · answered Jun 18 '19 at 10:35

7

You should use ViewChild decorator to reach content on init.

Demo here. https://stackblitz.com/edit/angular-rd8tny?embed=1&file=app/modal-basic.ts

answered Jun 18 '19 at 10:35

gkhnclk

164
1
5

How to open ng-bootstrap modal popup on pageload in angular 7?

1 Answers1