Angularjs 当ng if时,正确使用角度动画

Angularjs 当ng if时,正确使用角度动画,angularjs,animation,Angularjs,Animation,我有一个简单的代码:它从我的数据库中呈现“页面” <div ng-repeat='page in pages' > <div ng-if="$index == pageToShow"> <h2> {{page.title}} </h2> <div ng-repeat='quest in page.quests'>

我有一个简单的代码:它从我的数据库中呈现“页面”

<div ng-repeat='page in pages' >
            <div ng-if="$index == pageToShow">
                <h2> {{page.title}} </h2>
                <div ng-repeat='quest in page.quests'>
                    <div ng-switch on="quest.ui.type">
                        <div ng-switch-when="ms-select-single" >
                            <div ms-select-single quest='quest'></div>
                        </div>
                        <div ng-switch-when="ms-select-multy">
                            <div ms-select-multy quest='quest'></div>
                        </div>
                        <div ng-switch-when="ms-date">
                            <div ms-date quest='quest'></div>
                        </div>
                        <div ng-switch-when="ms-text">
                            <div ms-text quest='quest'></div>
                        </div>
                        <div ng-switch-when="ms-textarea">
                            <div ms-textarea quest='quest'></div>
                        </div>
                        <div ng-switch-when="ms-number">
                            <div ms-number quest='quest'></div>
                        </div>
                        <div ng-switch-when="ms-html">
                            <div ms-html quest='quest'></div>
                        </div>
                         <div ng-switch-when="ms-video">
                            <div ms-video quest='quest'></div>
                        </div>
                         <div ng-switch-when="ms-iframe">
                            <div ms-iframe quest='quest'></div>
                        </div>
                    </div>
                    <div class="padQuests"></div>
                    </div>
                </div>
            </div>
当一个ng if启动而另一个退出时,我如何制作真正简单的动画?因为我现在拥有的是:

离开的页面正在跳出,进入的页面在那里的页面下快速跳入


我应该使用什么库来执行此操作?

您可能对一个名为

css是一组非常酷、有趣的跨浏览器动画,供您在项目中使用。非常适合于强调、主页、幻灯片和一般性的添加水元素


我建议您研究ng animateProblem仍然存在,当动画发生时,.ng leave同时发生.ng enter发生,因此下一页位于准备就绪的页面下方,它正在进行淡出..仍然没有out@totothegreat我建议您发布一个包含当前代码的工作plnkr/JSFIDLE