如何使用ng-show和ng-hide

时间:2015-08-07 23:40:57

标签: angularjs ng-hide

是否有任何解决方案可以使用ng-show实现点击功能?

以下是plunker: http://jsfiddle.net/o0dwsrqf/

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

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

我正在使用ng-show来显示文字:

<ul ng-show="test">

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

编辑:

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

1 个答案:

答案 0 :(得分:1)

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