@AskJs

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

Есть модальное окно 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();
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
EreminD
@EreminD
Кое-что умею
я эт так делаю:

<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'});
  }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы