角度動畫不能在IE邊緣工作

我在Angular的組件中添加了一個動畫。然而，Chrome和Firefox中的動畫WORKS FINE，但在IE Edge中，雖然樣式在狀態更改上正確應用，但沒有指定動畫，但不會觸發動畫。角度動畫不能在IE邊緣工作

有沒有人有同樣的問題？

這裏是我的代碼：提前

animations: [ 
    trigger('rowState', [ 
     state('collapsed', style({ 
      'height': 0, 
      'overflow-y': 'hidden' 
     })), 
     state('expanded', style({ 
      'height': '*', 
      'overflow-y': 'hidden' 
     })), 
     transition('collapsed <=> expanded', [animate('1000ms ease-out')]) 
    ]) 
]

感謝

來源

2017-06-18 Haris

網頁動畫不edge支持，您應該添加polyfill

角動畫都是建立在頂部標準的Web動畫API，並在支持它的瀏覽器上本機運行。對於其他瀏覽器，需要填充。從GitHub抓取web-animations.min.js並將其添加到您的頁面。

來源

2017-06-18 08:00:29 PierreDuc

工作。謝謝。 – Haris

如果您正在使用angular-cli，polyfills會烘焙到配置中，您只需通過取消註釋來啓用它們。「polyfills.ts」 – Zuriel

角度動畫不能在IE邊緣工作

回答

相關問題