Как удалить # / модал-о из URL

Question

Это вопрос к этому вопросу Понимание того, как атрибут data-dismiss работает в Bootstrap .

У нас точно такая же реализация с использованием кода, подобного этому на странице макета:

<!-- about modal -->
    <div id="modal-about" class="modal fade" ng-controller="aboutController">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" 
                            data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">@Labels.aboutTitle</h4>
                </div>

Если у меня открылась какая-то другая страница при открытии формы и закрытии ее, все в порядке.Но если я просто запускаю свое приложение и иду в меню «О программе», открываю его и закрываю, у меня остается модальное окно в URL после его закрытия.Вопрос в том, как подключиться к data-dismiss = "modal", чтобы удалить его из URL?

Answer 1

Вы захотите использовать событие hidden.bs.modal и обновить там URL:

$('#modal-about').on('hidden.bs.modal', function () {
    window.location.hash = '';
});

https://getbootstrap.com/docs/4.1/components/modal/

https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/hash