modal bootstrap

שלום,

אני מנסה לעשות modal של bootstrap ב angular8,

אבל אני לא יודעת למה כשאני לוחצת על הכפתור שיפתח את הmodal הוא לא נפתח ובנוסף כל המסך תקוע וא"א ללחוץ על כלום.

אני מצרפת את הקוד שלי

תודה רבה.

ts.

constructor(config: NgbModalConfig, private modalService: NgbModal) {

config.backdrop = 'static';

config.keyboard = false;

}

open(content) {

debugger;

this.modalService.open(content);

}

html.

<ng-template #content >

<div class="modal-header">

<h4 class="modal-title" id="modal-basic-title">Hi there!</h4>

</div>

<div class="modal-body">

<p>Hello, World!</p>

</div>

<div class="modal-footer">

</div>

</ng-template>

<button class="btn btn-lg btn-outline-primary" (click)="open(content)">Launch demo modal</button>