javascript - ng-hide-remove 和 ng-hide-add 的动画转换表现不同

Question

我正在尝试为 <div> 制作动画单击按钮从左侧滑入/滑出。我正在使用 Angular 框架和 ng-show控制 <div>显示/可见性，并将转换添加到 ng-hide样式集。

我已经成功地让 div 从左边滑入，但是我无法让它滑出(它在指定的延迟后就消失了)。我已尝试在线修改几个示例以获得我想要的行为，但无济于事。

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

Answer 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;

}

更新 fiddle :https://jsfiddle.net/vsj62g5r/