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(); } }