title: How to catch backdrop click event when clicked out of angular ui bootstrap modal?
body: <p>In my application, it is using <code>$modal.open()</code> function to open a modal popup which is using another page as a template. While clicking the button, it is showing the modal popup fine. If I click the Cancel button then it is calling this function and working fine also.</p>
  
  <pre><code>    $scope.cancel=function(){
      });
  </code></pre>
  
  <p>But if the user clicks outside the modal popup, we are unable to catch that event by this code</p>
  
  <pre><code>    $scope.dismiss=function(){
      });
  </code></pre>
  
  <p>How do I catch that event?</p>
  
  <p>I have seen many articles of AngularJS, but couldn't find a solution for this.</p>