用AngularJS做菜单栏鼠标点击显示。点击空白处消失。

Question

我想要点击空白处消失。如何实现急求!
需要用指令实现吗？
<div ng-app="myApp">

<div ng-controller="ctrl">
    <ul>
        <li ng-click="animate()">点击我身上显示id为Demo的li<li>
        <li ng-show="flag">我是id为Demo的li</li>
    <ul>
</div>

</div>
<script>

angular.module("myApp",[])
    .controller('ctrl',['$scope',function($scope){
        $scope.flag = false;
        $scope.animate = function(){
            $scope.flag = !$scope.flag;
        }
    }])

</script>

Answer 1

在 html 或者 document, body 上面 bind 一个 click 事件就可以了。

具体用什么指令还是什么实现，随你的都可以