In the midst of working on my project, I encountered an issue with opening a modal using ng bootstrap. Although I found a similar thread discussing this problem, it did not include bootstrap css.
I decided to reference this example in hopes of resolving the modal opening issue.
Upon clicking the button to open the modal, I noticed that the modal was being appended to the DOM (visible through inspection tools), but it remained invisible on the screen.
In my .angular-cli.json file, I included the bootstrap css as follows:
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
When examining the page source, I confirmed that the Bootstrap css was indeed present in the styles.bundle.js.
Update 1: Upon inspection, I discovered that the opacity for ngb-modal-window was set to 0. Changing it to 1 made the popup visible, but its position was off-center and skewed towards the top. Please see the image for reference: