Угловой 7 Модал не показывает - PullRequest
Новая
       3

Угловой 7 Модал не показывает

0 голосов
/ 14 февраля 2019

У меня проблема с Bootstrap Modal.Я делаю все запрошенное, но не показываю, когда нажимаю кнопку: 

<a class="btn btn-outline-light" data-toggle="modal" data-target="#modalusername">
<i class="fas fa-pen text-white"></i></a>

Я тоже пробовал версию кнопки 

<button class="btn btn-outline-light" data-toggle="modal" data-target="#modalusername">
<i class="fas fa-pen text-white"></i></button>

А вот модальный раздел 

<div class="modal fade" id="modalusername" tabindex="-1" role="dialog">
            <div class=" modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalusername">{{user.username | translate }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                        </button>
                    </div>
                    <div class="modal-body">
                        <p>TEST</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Save changes</button>
                    </div>
                </div>
            </div>
        </div>

Когда я нажимаю кнопку, он все еще нажимается, поэтому эффект переключения работает, но не отображается.

У кого-нибудь есть ответ?

Спасибо всем ^^

1 Ответ

0 голосов
/ 14 февраля 2019

Используйте директиву и @hostLister, чтобы добавить и удалить класс, который активирует всплывающее окно ... Я не знаю, как другие ребята из внешнего интерфейса увидят его, но я строю свои модалы с помощью CSS и флажка, практически и все такоечто мне нужно переключиться, и это работает очень хорошо, нет необходимости в директивах и обходных решениях ... Я надеюсь, что вы поняли из моего ответа # ура

...