在外面单击鼠标时关闭div。 （angularjs）

Question

我有下面的html代码，其中有3个按钮。一个用于“生成表”，另外两个用于撤消和重做功能。这将显示在一行中。

当用户收缩页面时，这些3会被绑在一个功能区中。现在出现一个方框图标。当用户点击框图标时，我会看到一个下拉列表，显示'生成表'按钮，撤消和重做按钮。

如果我现在点击此div之外，下拉列表应自动关闭。然而，它现在并没有关闭。任何人请看看，并建议我如何进行。

<ribbon class="panel" ng-class="group">
        <div class="panelListView" ng-class="ribbonDirectives?'panelListViewBlock':''">
                <button ng-click="">Generate Table</button>               
                <undo-symbol ng-click=""></undo-symbol>
                <redo-symbol ng-click=""></redo-symbol>  
        </div>

        <group class="panelGrouped" ng-if="showGrouped == true" ng-click="showRibbon()"></group>

</ribbon>