javascript - ブートストラップモーダルが閉じられるなどの要素の外側をクリックすると、関数が呼び出されます

Question

divのポップアップボックスを作成しました。アイコンをクリックすると表示され、閉じるボタンをクリックすると非表示になります。しかし、ポップアップの外側をクリックすると、閉じたいと思います。そのために私にできること。私は自分のプロジェクトで angular を使用しており、ng-show と ng-hide を使用して div を表示および非表示にしています。どんな助けもかなりのものです。前もって感謝します。htmlコード

<p ng-click="openPopUP()">openPopUp</p>

<div ng-show="popup">
<p>helo</p>
<p ng-click="closePopUp()">Close</p>
</div>

Java スクリプト

$scope.openPopUP = function(){
$scope.popup = true;
}
$scope.closePopUp= function(){
$scope.popup = false;
}

divの外側をクリックした場合に閉じたいだけです