2017-06-18 34 views
5

Tôi đã thêm hoạt ảnh vào thành phần của mình trong Angular. Tuy nhiên, hoạt hình HOẠT ĐỘNG FINE trong Chrome và Firefox, nhưng trong IE Edge, hoạt ảnh KHÔNG được kích hoạt mặc dù các kiểu được áp dụng chính xác trên sự thay đổi trạng thái, nhưng không có hoạt ảnh cụ thể.Hoạt ảnh góc không hoạt động ở cạnh IE

Có ai có cùng sự cố không?

Đây là mã của tôi:

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')]) 
    ]) 
] 

Cảm ơn trước

Trả lời

4

Web hoạt hình không được hỗ trợ trong edge, bạn nên thêm polyfill

hình ảnh động góc được xây dựng trên đỉnh của API hoạt hình web chuẩn và chạy tự nhiên trên các trình duyệt hỗ trợ nó. Đối với các trình duyệt khác, cần phải có một polyfill. Lấy web-animations.min.js từ GitHub và thêm nó vào trang của bạn.

+0

Điều đó có hiệu quả. Cảm ơn. – Haris

+2

nếu bạn đang sử dụng angular-cli các polyfills được nướng vào cấu hình, bạn chỉ cần kích hoạt chúng bằng cách bỏ ghi chú chúng. "polyfills.ts" – Zuriel

Các vấn đề liên quan