对于ng-hide-remove和ng-hide-add，动画过渡的行为有所不同

Question

我试图通过点击按钮动画<div>从左侧滑入/滑出。我使用角度框架和ng-show来控制<div>显示/可见性，并将转换添加到ng-hide样式集。

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

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

Answer 1

除了删除选择器中的左边：0外，你几乎没有.animate-show.ng-hide-add.ng-hide-add-active，.animate-show.ng-hide-remove.ng -hide-移除活性。

.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/