Execute same function in all Controllers on the same event - AngularJS

Question

I'm currently experiencing a problem with Bootstrap Modal, when changing views through the URL. ReloadOnSearch is disabled.

If I'm on a view such as:

blah.com/examples/1

and open up a Modal with a faded backdrop, then change the URL to change views such as:

blah.com/examples/2

the Modal window will close, but the faded backdrop will remain, and disable interaction to the web page.

I'm wondering if there is a way to define one function, which will programmatically remove the faded backdrop, which will execute on URL change, regardless of the controller in use.

Though the cause of the issue is due to AngularJS, the solution doesn't need to use AngularJS.

I had same issue, the solution is to remove that overlay class while your hashurl change — Nishith Kant Chaturvedi
– Nishith Kant Chaturvedi, Commented Sep 15, 2015 at 11:10

Nishith Kant Chaturvedi · Accepted Answer · 2015-09-15 11:49:55Z

2

I had same issue, the solution is to remove that overlay class while your hashurl change

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

edited Sep 15, 2015 at 11:49

answered Sep 15, 2015 at 11:25

Nishith Kant Chaturvedi

4,7892 gold badges18 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hopeful Llama Over a year ago

Worked like a charm. Didn't realise there was a 'onhashchange' event!

Hopeful Llama · Accepted Answer · 2015-10-23 11:00:46Z

1

Use the event onhashchange to hide all modals on screen using the proper hide method:

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);
}

edited Oct 23, 2015 at 11:00

Hopeful Llama

7545 silver badges26 bronze badges

answered Sep 15, 2015 at 11:11

cvsguimaraes

13.3k10 gold badges52 silver badges76 bronze badges

Collectives™ on Stack Overflow

Execute same function in all Controllers on the same event - AngularJS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related