2014-11-04 91 views
0

在我的角度js網站上,我有角度動畫lodaed和部署(在檢查員中我看到angular-animate.js在js文件夾中,所以我知道它的加載。在頁面加載我的頭動畫所以我增加了以下我的項目ng-animate不觸發動畫

template.html

<header id="header" ng-animate=" 'animate' "> 

</header> 

的style.css

.animate-enter { 
    -webkit-transition: 1s linear all; /* Chrome */ 
    transition: 1s linear all; 
    opacity: 0; 
} 

.animate-enter.animate-enter-active { 
    opacity: 1; 
} 

問題的存在是沒有動畫時發生I C舔從家庭鏈接並加載「template.html」有什麼我在這裏失蹤?

回答

0

作爲每角文檔:

支持動畫是自動的指令:ngRepeat, ngInclude,ngIf,ngSwitch,ngShow,ngHide,ngView和ngClass。自定義 指令可以通過使用$ animate 服務來利用動畫。

您需要在標題標記中使用這些指令之一。

+0

所以我只要做'

Packy 2014-11-04 21:40:16

+0

您的標題需要像這樣: – Ryan 2014-11-05 23:31:03

+0

沒有發佈示例 – Packy 2014-11-07 01:10:31