ng-hide-remove 和 ng-hide-add 的动画过渡表现不同答案

【问题标题】：Animation transitions behave differently for ng-hide-remove and ng-hide-addng-hide-remove 和 ng-hide-add 的动画过渡表现不同
【发布时间】：2015-06-12 12:24:32
【问题描述】：

我正在尝试为<div> 设置动画，以便在单击按钮时从左侧滑入/滑出。我正在使用 angular 框架和 ng-show 来控制 <div> 显示/可见性，并向 ng-hide 样式集添加过渡。

我已经成功地让 div 从左侧滑入，但是我无法让它滑出（它只是在指定的延迟后消失）。我已经尝试在网上修改几个示例以获得我所追求的行为，但无济于事。

JSFiddle 适合任何想看看的人 https://jsfiddle.net/mquinlan/0wcrcwxe/5/

【问题讨论】：

标签： javascript css angularjs css-transitions css-animations

【解决方案1】：

除了删除 .animate-show.ng-hide-add.ng-hide-add-active 和 .animate-show.ng-hide-remove.ng 的选择器中的 left:0 之外，您几乎是正确的-隐藏-移除-活动。

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;

}

更新小提琴：https://jsfiddle.net/vsj62g5r/

【讨论】：

谢谢，成功了。不敢相信它一直盯着我的脸。我发誓我什至尝试过...