How to catch backdrop click event when clicked out of angular ui bootstrap modal?

Question

In my application, it is using $modal.open() function to open a modal popup which is using another page as a template. While clicking the button, it is showing the

Answer 1

I had this same problem with the Angular Mobile UI Demo (1.2), however in the demo files the modal is not declared in the main JS.

Instead, just adding two more variables to the in modal1.html did the trick.

This is explained here: http://mobileangularui.com/docs/#outer-click

Both properties are needed for it to work.