2017-04-03 83 views
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> 

回答

2

我檢查了你粘貼在這裏的代碼,它工作正常。你可以添加任何其他相關的代碼?也許'showMenuState'的代碼?

+0

感謝您的努力。我創建了一個新項目並將代碼移植到那裏。我想這是由一些html標記/ css引起的,因爲所有的.ts文件都保持不變 –

0

我通過消除如果我的主模塊的NoopAnimationsModule的進口,在我的項目確切的問題。這似乎嘲笑動畫,但實際上並沒有做一件事。