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

Question

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

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

</p>
<script>

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

</script>

Answer 1

Just bind a click event on html or document or body.

It’s up to you whether to use specific instructions or implementations