簡體   English   中英

Angular 動畫:在開始之前等待另一個觸發器完成

[英]Angular Animations: Wait another trigger to finish before start

我有一種情況,我嘗試使用 Angular 動畫來更改 div 中的內容。 如果在https://codesandbox.io/s/reverent-mclaren-4vj2hi上可用,則為復制品

唯一的問題是這些動畫不是按順序排列的。 例如,當您第一次使用代碼框時,您會看到顯示了#item 1 當我按下Control按鈕時, #item 1正在消失,但同時出現#item 2 我希望#item 1應該首先消失,然后, #item 2會出現。

我怎么能做到這一點? 謝謝

您有兩個選項可以創建序列 animation,我將鏈接文檔

或者

您可以使用Animation 觸發器,基本上當 #item1 動畫結束時,您將 state 設置為顯示 #item2

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM