Angularjs 角度引导animate.css删除动画

Angularjs 角度引导animate.css删除动画,angularjs,twitter-bootstrap,animate.css,Angularjs,Twitter Bootstrap,Animate.css,在我的项目中,由于animate.css,我可以有如下入门动画: <div class="row animated fadeInDown" ng-show="someCondition"> 这太棒了。当someCondition为true时,div将显示动画。我不明白的是如何使相反的情况发生。比如,在我的控制器中,我设置了someCondition=false;。我应该在标记中做什么来使div进行淡出 我尝试在class=属性中加入淡入,但这与淡入冲突。我还尝试了ng class=

在我的项目中,由于animate.css,我可以有如下入门动画:

<div class="row animated fadeInDown" ng-show="someCondition">
这太棒了。当someCondition为true时,div将显示动画。我不明白的是如何使相反的情况发生。比如,在我的控制器中,我设置了someCondition=false;。我应该在标记中做什么来使div进行淡出

我尝试在class=属性中加入淡入,但这与淡入冲突。我还尝试了ng class={},但我不知道删除某些内容时哪个条件为真。

尝试一个条件:

在下面的小提琴中,我添加了一个setInterval来模拟条件变化:

只需闪烁-无动画。我一定做错了。当我删除ng show时,div会无条件出现。我不是JSFIDLE的天才。到目前为止,这一个已经有了我的代码,但即使是现在适合我的fadeIn在这个小提琴中也不起作用。不知道为什么。我更新了答案,试着看看是否适合你的需要
<div ng-class="someCondition && 'fadeInDown' || 'fadeOutUp'">
<div ng-class="someClass">
$scope.$watch('someCondition', function(newval, oldval){
    if($scope.someCondition){
        $scope.someClass = 'fadeInDown';
    } else {
        $scope.someClass = 'fadeOutUp';
    }
});