2014-11-03 27 views
0

我對AngularJS 1.3中動畫的使用有疑問,我有一個帶有完整背景圖像和h1,p,input等標籤的index.html,我想動畫初始化頁面加載,例如在開始時應用淡入淡出效果。我知道有像Animate.css這樣的庫,但是對於AngularJS我該怎麼做?Animate AngularJS開始頁面

我看到AngularJS動畫與ng-enter,ng-hide等......但如何動畫整個索引頁?,我不想動畫的部分。

+0

只是一個快速的評論,如果我是你,我會爲全球範圍內的作爲scope.readyStart。以false值開始,當所有控制器初始化時,將此值更改爲true。 在標記中,只能將一個ng類(或data-ng-class)與此範圍變量關聯起來。 (只有在真實的情況下才添加該類) – 2014-11-03 16:17:58

回答

1

如果你想從白色中淡入整個頁面,你可以簡單地使用ng-cloak來做到這一點,或者你可以在主體上設置你想要的任何背景色/背景以及你想淡入的內容的容器

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

¡感謝@Explosion Pills! – Candres 2014-11-03 18:52:37