Angularjs ngAnimate为显示而非隐藏工作

Angularjs ngAnimate为显示而非隐藏工作,angularjs,ng-animate,Angularjs,Ng Animate,我有一个助手,可以把一张卡片滑进展示,滑出隐藏。滑入可以工作,但滑出没有动画效果 html <div ng-hide="cardback.id == '{{n.id}}'" ng-show="cardback.id != '{{n.id}}'" ng-animate="{show: 'example-show', hide: 'example-hide'}"> 我正在运行6月3日发布的1.1.5版本有几件事: 双卷发真的不应该在那里。ng隐藏/显示值已经是角度表达式,因此不需要它

我有一个助手,可以把一张卡片滑进展示,滑出隐藏。滑入可以工作,但滑出没有动画效果

html

<div  ng-hide="cardback.id == '{{n.id}}'" ng-show="cardback.id != '{{n.id}}'" ng-animate="{show: 'example-show', hide: 'example-hide'}">
我正在运行6月3日发布的1.1.5版本

有几件事:

双卷发真的不应该在那里。ng隐藏/显示值已经是角度表达式,因此不需要它们。例如,以下内容就足够了

ng-hide="cardback.id == n.id"
在同一个元素上使用精确的oposite条件隐藏/显示ng似乎很奇怪。我想,一个就够了

虽然未定义位置,但使用了“顶部”作为过渡属性。这可能是一个粘贴灾难,但如果不是,你也应该检查一下


这是一个有效的例子。尽管没有来自您方面的进一步输入,这只是猜测。

从表达式中删除{{和}},然后重试。如果我删除{{},则它不会触发事件。事件正确触发,我的问题是“隐藏”事件是即时的,而不是动画。您可以添加一个或演示该问题。钱德马尼对于双卷发确实有自己的观点。因此,我对这些事件表示怀疑。此外,双重隐藏/显示是多余的,这也可能是一个问题。您需要添加显示:块!对你的.example show和.example hide类很重要。破解它!钱德尔马尼说对了一半。我需要删除卷发和单引号,我还删除了无关的ng秀。非常感谢Ch&Yo
ng-hide="cardback.id == n.id"