AngularJS - 當父div使用ngShow動畫時，ngView消失

我嘗試在路由更改時在兩個div之間進行動畫製作。AngularJS - 當父div使用ngShow動畫時，ngView消失

到目前爲止，它使用ng-show和ngAnimate工作正常，但第二個div包含ng-view，一旦路由發生變化，它立即消失。在從DOM中刪除ng-view之前，如何等待ng顯示動畫完成？

現場演示： http://run.plnkr.co/7RLwUxwfUV4rb2kV/#/

示例代碼：http://plnkr.co/edit/0ZatzKRKAyxUUfgslxum?p=preview

2014-03-19 matthoiland

你只是動畫在CSS ng-show，但是當ng-view切換內容你沒有動畫。您使用.ng-enter和.ng-leave css類爲ng-view生成動畫。你可以在這裏看到一個例子：http://dfsq.github.io/ngView-animation-effects/app/

來源

2014-03-19 06:30:16

我仍然有同樣的問題，即使在向ngView添加動畫類之後。 http://plnkr.co/edit/0ZatzKRKAyxUUfgslxum?p=preview – matthoiland

這是因爲你的路由爲'/ /''不包含模板。當Angular看到一條路線沒有這個時，它會從DOM中刪除'ng-view'元素，並在包含模板的路由被擊中時重新創建它。 –

我喜歡這個主意，但它仍然立即刪除視圖。 http://plnkr.co/edit/0ZatzKRKAyxUUfgslxum?p=preview – matthoiland

AngularJS - 當父div使用ngShow動畫時，ngView消失

回答

相關問題