2
我做錯了什麼?過渡發生,但它是即時的。在動畫功能中設置的時間沒有被應用角度4動畫 - 轉換時間不適用
trigger('showMenu', [
state('active', style({
marginLeft: '0px'
})),
state('inactive', style({
marginLeft: '-230px'
})),
transition('inactive => active', animate('2s')),
transition('active => inactive', animate('2s'))
])
<div [@showMenu]="showMenuState" id="menu-side-wrapper">
MENU
<div id="close-menu">
CLOSE
</div>
</div>
感謝您的努力。我創建了一個新項目並將代碼移植到那裏。我想這是由一些html標記/ css引起的,因爲所有的.ts文件都保持不變 –