隐藏元素通过＆＃39; Angular js＆＃39;点击任何地方但是它的容器

Question

我有一个div（＃div1），它包含一个段落（＃para1）和一个按钮（＃button1）。单击按钮可将ng-hide添加到段落及其隐藏。但是，由于段落很长时间没有被隐藏，我希望点击按钮发生，否则（＃para1）被隐藏，如果用户点击外面的任何地方（＃div1）。

这被jquery称为：

$(document).ready(function(){
   $('body:not("#div1")').click(function(){
     $('#button1').trigger('click');
   });
});

在触发点击（＃button1）时，我的段落将被addClass（＆＃39; hidden＆＃39;）或任何其他方式隐藏。我被困在角度尝试同样的事情。有人可以用角度来帮助我做同样的事吗？