Call function after modular loads angularjs ui bootstrap

Question

I am using Angularjs UI bootstrap to render modal windows in my project. But in some situations, I want to call a function after modal loads. I tried with $timeout and $viewContentLoaded but not used. can anyone help me solve this problem.

Thanks to everyone.

Answer 1

I am looking through the angular ui bootstrap documentation and finally found a solution.

The open method returns a modal instance , an object with an opened property:

opened - a promise that is resolved when the modal opens after loading the content template and resolving all variables

to call the function after opening the model.

 $modalInstance.opened.then(function(){ alert('hi'); }); 

Answer 2

Alternatively you can use:

 $modalInstance.rendered.then(function(){ alert('hi'); }); 

PS: this was originally pointed out by @esqew. I put it here to make it easier to find.