How to detect outside click on bootstrap modal in angularjs?
<p>Requirement is i want to detect if the user has click outside the modal here is my modal code </p>

<pre><code>&lt;div class="modal fade modal-metadata-list"&gt;
&lt;div class="modal-dialog" id="my-modal"&gt;
    &lt;div class="modal-content"&gt;
        &lt;div class="modal-header sys-version-header"&gt;
            &lt;img class="modal-resultPage pull-right" ng-click="close('Cancel')" data-dismiss="modal" aria-hidden="true" src="../images/Cancel.png"&gt;
            // Modal Content 
        &lt;/div&gt;
      &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>and i am calling the modal in this way </p>

<pre><code>&lt;a style="text-align: center" ng-click="showMetadataModal(reprintDocument.docId)"&gt;
</code></pre>

<p></p>