Выполнение одной и той же функции во всех контроллерах в одном событии - AngularJS

Question

В настоящее время у меня возникает проблема с Bootstrap Modal при изменении представлений по URL-адресу. ReloadOnSearch отключен.

Если я на взгляд, такие как:

blah.com/examples/1

и открыть модальное с выцветшей фоном, а затем изменить URL, чтобы изменить взгляды таких как:

blah.com/examples/2

го e Модальное окно закроется, но исчезнет задний фон и отключит взаимодействие с веб-страницей.

Мне интересно, есть ли способ определить одну функцию, которая будет программно удалять выцветший фон, который будет выполняться при изменении URL, независимо от используемого контроллера.

Хотя причина проблемы связана с AngularJS, решение не требует использования AngularJS.

Answer 1

я такой же вопрос, решение, чтобы удалить этот класс наложения в то время как ваши изменения hashurl

window.onhashchange = function() { 
    $(".lean-overlay").fadeOut(500); // whatever class name your overlay has 
    } 

Answer 2

Используйте событие onhashchange, чтобы скрыть все модальности на экране, используя правильный метод скрыть:

window.onhashchange = function(event) { 
    $('.modal').modal('hide'); 

    // You can even add some tests based on the new and old URL 
    console.log('new URL', event.newURL); 
    console.log('old URL', event.oldURL); 
}