使用AngularJS动画启动页面

Question

我对AngularJS 1.3中的动画使用有疑问，我有一个带有完整背景图像的index.html和h1，p，输入等...标签，我想为init页面加载动画，示例在开始时应用淡入淡出效果。我知道有像Animate.css这样的库，但是使用AngularJS我怎么能这样做？

我看过使用ng-enter，ng-hide等的AngularJS动画......但是如何为整个索引页面制作动画？我不想按部分制作动画。

Answer 1

如果你想从白色淡入整个页面，你可以使用ng-cloak完成此操作，或者你可以设置你想要的身体背景颜色/背景和ng-cloak容器你想要淡入的内容。

[ng-cloak] {
    opacity: 0 !important;
}
.element-with-initial-ng-cloak {
    opacity: 1;
    transition: opacity 1s;
}