Как открыть bootstrap modal с родительского компонента?

Question

[AskJs]

Есть модальное окно Bootstrap'а (в Angular 2+ проекте):

<div bsModal #largeModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>

открывается модалка:
(click)="largeModal.show()"
Модалка-компоннет который вставлен в родительский.
Вопрос, как откыть модалку(largeModal.show()) с родительского компонента?*
P.S. typescript не знает что такое largeModal.show();

Answer 1

[Дмитрий Еремин]

я эт так делаю:

<button type="button" class="btn btn-sm btn-outline-success" (click)="openVerticallyCentered(content)">Create new</button>
<ng-template let-c="close" let-d="dismiss" #content>
  <app-create-single-form [book]="activeBook" [user]="activeUser" [c]="c" [d]="d"></app-create-single-form>
</ng-template>

openVerticallyCentered(content): void {
    this.modalService.open(content, {centered: true, size: 'lg'});
  }