如何在angularjs中检测外部点击bootstrap模式？

Question

要求是我想检测用户是否在模态外点击这里是我的模态代码

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

我以这种方式调用模态

<a style="text-align: center" ng-click="showMetadataModal(reprintDocument.docId)">

Answer 1

我认为模态不占用整个屏幕，在这种情况下，您可以使用外部元素来检查用户是否点击。

jQuery(outerElement).on('click', function(){
    //your code
});