Call function after modal loads angularjs ui bootstrap

Question

I am using Angularjs UI bootstrap to render Modal windows in my project. But In some situation I want to call a function after the modal loads. I have tried with $timeout and $viewContentLoaded but no use. can any one help me to resolve this issue.

Thank you all.

can you post some code? for better guidance, I think I've had the same problem before and I solved it. some code can go a long way :3 — Gabriel Matusevich
– Gabriel Matusevich, Commented Jun 23, 2014 at 7:28
thanks @Gabriel Matusevich. I go through the documentation of angular ui bootstrap and I found the solution — chandu
– chandu, Commented Jun 23, 2014 at 7:30

chandu · Accepted Answer · 2014-06-23 07:46:36Z

15

I go through the documentation of angular ui bootstrap and finally I found the solution.

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

opened - a promise that is resolved when a modal gets opened after downloading content's template and resolving all variables

to call function after model opens.

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

edited Jun 23, 2014 at 7:46

answered Jun 23, 2014 at 7:29

chandu

2,2763 gold badges23 silver badges35 bronze badges

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

6 Comments

Gabriel Matusevich Over a year ago

awesome, that was the problem I had before .. :D i was trying to do something before the promise was resolved .... good to know that you found the solution

chandu Over a year ago

but here handle the opened method from $modelInstance in biggest issue. I am trying to call that method

chandu Over a year ago

the above method call the function on model loading

esqew Over a year ago

If you need to do DOM manipulation and you're waiting for the controller to be loaded and rendered, you might be looking for $modalInstance.rendered.then(....

Sanjay B Over a year ago

Can you give me a code snippet for the above solution ? urgent

|

Daniel Loureiro · Accepted Answer · 2016-07-12 18:39:41Z

7

Alternatively, you can use:

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

PS: this was originally pointed by @esqew user. I put it here just to be easier to find.

answered Jul 12, 2016 at 18:39

Daniel Loureiro

5,49141 silver badges54 bronze badges

Collectives™ on Stack Overflow

Call function after modal loads angularjs ui bootstrap

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related