Функция закрытия двух модов angular2 + - PullRequest
0 голосов
/ 25 июня 2018

У меня есть боковой модал, который открывает модал подтверждения с двумя вариантами: да и нет.

Когда пользователь нажимает кнопку «да», я хочу, чтобы оба модала закрывались, но на данный момент я могу закрывать только по одному за раз, начиная с модального, который находится ближе всего к передней части.

У меня нет проблем с фокусировкой, и я знаю, что вы не можете выполнять удаление данных дважды в строке, так что есть идеи?Я думаю, мне нужна функция машинописи, которая принимает два идентификатора?

Я использую angular2 + и bootstrap, хотел бы избежать использования Jquery, и у меня есть решение для машинописи или какой-то modal.bs.hide?

Чтобы открыть модалы, я делаю

<td> <button data-toggle="modal" data-target="#myModal2" id="actionButton"><i 
id="arrowColor" class="fa fa-arrow-circle-o-right"></i> 

от первого модала и затем

<button data-toggle="modal" data-target="#approveModal" type="button" 
id="footerButton" class="btn btn-default"><i id="footerButtonColor" class="fa 
fa-check-circle-o"></i>Approve</button> 

, чтобы открыть второй модал.Выполнение модального закрытия закрывает второй модальный, но не первый

Ответы [ 2 ]

0 голосов
/ 29 июня 2018

TS не требуется.Решено с этим внутри второго модального всплывающего окна:

 <button data-toggle="modal" data-target="#myModal2" data-dismiss="modal" type="button" id="footerButton" class="btn btn-default"><i id="footerButtonColor" class="fa fa-check-circle-o"></i>Yes, Approve Request</button> 
0 голосов
/ 25 июня 2018

Вы можете закрыть модальный режим, выполнив что-то вроде этого:

в component.ts

declare var $: any;

$('#Idofthemodal').modal('hide');

Не уверен, что это совместимое решение, но это всего лишь обходной путь

...