Question

我有这个简单的代码:(它从我的数据库中呈现'pages'）

<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开始而另一个出局，我怎么能做真正简单的动画呢？因为我现在所拥有的是以下内容：

正在离开的页面正在弹出，进入的页面正在快速弹跳（在那个片刻之下）......

我应该使用哪个库？

Answer 1

您可能对名为animate.css

的项目感兴趣

animate.css是一系列酷炫，有趣，跨浏览器的动画供您在项目中使用。非常适合强调，主页，滑块和一般只是添加水 - 非常棒。

当ng-if时，使用角度正确地使用动画

1 个答案: