angularjs - Angular 动画，向右滑入向左滑出

Question

我想用 ng-show 和 css transitions 做一个动画，其中容器从右侧滑动到中心，然后从中心滑动到左侧。

这里是我的代码:

<span class="test" ng-show="showContainer == 'first'">Content One</span>
<span class="test" ng-show="showContainer == 'second'">Content Two</span>
<span class="test" ng-show="showContainer == 'third'">Content Three</span>

CSS:

.test { 
    left: 0px;
    @include transition(left, 5s, ease-in-out);
}

.test.ng-hide { left: 2000px;}

所以我想知道是否有可能像

.test.ng-hide-active { left: -2000px; }

此刻它从右边滑到中间，然后又回到右边。

用 css 和 ng-show 可以吗？

谢谢!

Answer 1

啊，我想通了，它适用于 .ng-hide-add-active 类! Angular 规则!