如何使用 ng-show 和 ng-hide 实现点击功能

Question

有什么解决方案可以用ng-show实现点击离开功能吗？

这里是 plunker： http://jsfiddle.net/o0dwsrqf/

我正在使用按钮来显示文本。

<button ng-click="test=!test">test</button>

我正在使用 ng-show 显示文本：

<ul ng-show="test">

当我点击远离文本时我想隐藏它。无论如何我能做到这一点吗？

编辑：

定义点击离开我的意思是点击按钮和文本区域以外的任何地方。 当我点击离开时，我想隐藏文本。

Answer 1

您需要使用事件传播来执行此操作。 将点击事件附加到 body 标记或覆盖整个页面的其他元素，然后将点击事件附加到按钮和文本区域。按钮应该切换测试并吞下事件（e.stopPropagation()），文本区域应该获得焦点然后吞下事件。