使用angularjs切换Div

Question

我有一个div，我想在点击按钮时切换。它的工作但div没有隐藏在点击外部按钮。下面是我的代码请检查。

                <div class='settings' ng-click="showDiv = !showDiv"></div>
                <div class="profileSetting text-center" ng-show="showDiv">
                    <div></div>
                    <p class="small-font">Stephen Wilson <br/> steave@gmail.com</p>
                    <hr>
                    <p class="small-font"><img src = "images/settings.png" alt = "Generic placeholder thumbnail"> settings</p>

                </div>

我希望在外部点击时隐藏此配置文件div。