Question

我有一个ngAnimate可以在显示屏上滑动卡片，然后在隐藏状态下滑动。滑动工作，但滑出没有动画效果。

html ...

<div  ng-hide="cardback.id == '{{n.id}}'" ng-show="cardback.id != '{{n.id}}'" ng-animate="{show: 'example-show', hide: 'example-hide'}">

和css是

.example-show, .example-hide {
  -webkit-transition:all linear 1s;
  -moz-transition:all linear 1s;
  -ms-transition:all linear 1s;
  -o-transition:all linear 1s;
  transition:all linear 1s;
}

.example-show {
  top:-200px;
}
.example-show-active {
  top:0px;
}

.example-hide {
  top:0px
}
.example-hide-active {
  top:-200px;
}

我正在运行日期为6月3日的1.1.5

Answer 1

一些事情：

双重卷曲确实不应该存在。 ng-hide/show值已经是角度表达式，因此不需要它们。例如。以下应该足够了
```
ng-hide="cardback.id == n.id"
```
在具有完全相反条件的相同元素上使用ng-hide/show似乎很奇怪。我猜，一个就足够了。
您使用top作为转换属性，但未定义position。这可能是一个粘贴的不幸事件，但如果没有，你也应该检查一下。

Here是一个有效的例子。虽然没有来自你方的进一步意见，但这只是猜测。

ngAnimate为节目工作而不是隐藏

1 个答案: