可见性div通过2个变量，不同的开/关

Question

我可能没有完全清醒，因此监督显而易见的事情是可能的。 但我有2个变量决定div是否具有特定的类。

班级更像是一个切换;所以应该触发以下值：

focus            => on
!focus && !hover => off

因此，当焦点变量打开时，应该添加类，当焦点丢失并且悬停关闭时，应该删除它。

我最好在以下地方内联：

<div ng-class="{'visible' : --FORMULA-- }"> </div>

一旦你点击输入框，你应该只看到“WOhooooo”，然后当你离开灰色框时它应该只消失： http://codepen.io/cskiwi/pen/MKYNqo

Answer 1

您似乎已经知道语法，不知道您尝试了什么。这应该有用......

<div ng-class="{'visible' : 'focus', 'notvisible' : '!focus && !hover' }"> </div>