ngAnimate 翻转动画
ngAnimate Flip Animation
我花了最后 5 个小时试图让这个动画工作，但没有成功。我想在用户单击按钮时创建一个很酷的动画，这个想法是在翻转动画中显示 ul 元素列表，非常类似于 http://lab.hakim.se/scroll-effects/mobile.html 正在做的事情（如果您从齿轮图标中选择翻转并将 chrome 设备模式更改为移动设备）。
我将 ngAnimate 与 Angular 和 Ionic 一起使用，我在此处创建了代码片段 http://play.ionic.io/app/4ae65754fc64（尝试单击“添加到购物车”按钮）。我想显示每个 li 项目，就像它们在显示时翻转和级联一样。由于某种原因，所有分类的动画都被忽略了。
好的，我想我达到了你想要达到的目的。我在下面为您提供了两个演示。
但首先 AngularJS >= 1.2 不再支持 ng-animate 指令。对于基于 ng-show 的动画，您必须使用 ng-hide-add、ng-hide-remove CSS 类 而不是 ngRepeat 文档中描述的 CSS 类 .
ionic 演示（下面第一个 link）基本上只是您代码的模型，无论如何都不完美。
codepen demo 是修改后的示例和通用示例。我使用 <ion-list> 和 <ion-item> 而不是 <ul> 和 <li>。
希望这能让您在实施最终解决方案时朝着正确的方向前进。
离子演示：http://play.ionic.io/app/3c0e90238fe8
Codepen 演示（更通用）：http://codepen.io/thepio/pen/KMPeZo
我花了最后 5 个小时试图让这个动画工作，但没有成功。我想在用户单击按钮时创建一个很酷的动画，这个想法是在翻转动画中显示 ul 元素列表，非常类似于 http://lab.hakim.se/scroll-effects/mobile.html 正在做的事情（如果您从齿轮图标中选择翻转并将 chrome 设备模式更改为移动设备）。
我将 ngAnimate 与 Angular 和 Ionic 一起使用，我在此处创建了代码片段 http://play.ionic.io/app/4ae65754fc64（尝试单击“添加到购物车”按钮）。我想显示每个 li 项目，就像它们在显示时翻转和级联一样。由于某种原因，所有分类的动画都被忽略了。
好的，我想我达到了你想要达到的目的。我在下面为您提供了两个演示。
但首先 AngularJS >= 1.2 不再支持 ng-animate 指令。对于基于 ng-show 的动画，您必须使用 ng-hide-add、ng-hide-remove CSS 类 而不是 ngRepeat 文档中描述的 CSS 类 .
ionic 演示（下面第一个 link）基本上只是您代码的模型，无论如何都不完美。
codepen demo 是修改后的示例和通用示例。我使用 <ion-list> 和 <ion-item> 而不是 <ul> 和 <li>。
希望这能让您在实施最终解决方案时朝着正确的方向前进。
离子演示：http://play.ionic.io/app/3c0e90238fe8
Codepen 演示（更通用）：http://codepen.io/thepio/pen/KMPeZo