Javascript ng如果使用动画类不能使用ng mouseover

我有一个链接，当我在上面的时候，我改变了一个变量值，所以一个标记将显示为ng if。代码如下：

<div class="position text-center" ng-mouseover="social=1" ng-mouseleave="social=-1">
        <a   href="#6thPage">something</a>
    </div>

而ng if部分如下所示

<div class="col-md-12 center-block text-center grey" ng-if="social == 1">
<p class="fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates quibusdam ullam tenetur facilis cupiditate iusto laudantium, ex nobis.</p>
</div>

---

当我移除fadeInDown和动画类时，它可以正常工作。但是当我如上所述使用它时，当我将鼠标移到链接上时，会有一点闪烁。

我在使用ng if时遇到了类似的问题。我用ng类解决了这个问题。对于您的问题，我建议以下解决方案：

将要切换其可见性的div保持为默认显示：无： HTML:

当'social==1'时，创建一个添加到div的类： CSS:

现在，添加一个ng类，用于使用“show element”类切换可见性： HTML:

---

另外，我假设您使用的是animate.css？

还有比animate.css更好的吗？我对这些东西有点陌生。你试过我的解决方案吗？是的，我刚试过，但有个问题。对于ng类，显示元素添加到类列表中，但隐藏元素也保留。如何删除隐藏元素？隐藏元素类反复添加和删除。问题仍然存在。我意识到问题发生在某些动画类型上。就像fadeIn或bounceIn没有任何问题，但问题在于fadeInDown。

<div class="col-md-12 center-block text-center grey hide-element">
<p class="fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates quibusdam ullam tenetur facilis cupiditate iusto laudantium, ex nobis.</p>
</div>

.hide-element {
    display: none;
}

.show-element{
    display: block;
}

<div class="col-md-12 center-block text-center grey" ng-class="{'show-element': social  == 1, 'hide-element': social != 1}">
<p class="fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates quibusdam ullam tenetur facilis cupiditate iusto laudantium, ex nobis.</p>
</div>