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

问题描述

我想要点击空白处消失。如何实现急求!需要用指令实现吗？<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>

问题解答

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

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