2017-06-18 22 views
5

में काम नहीं कर रहा है मैंने कोणीय में अपने घटक में एक एनीमेशन जोड़ा। हालांकि एनीमेशन क्रोम और फ़ायरफ़ॉक्स में ठीक काम करता है, लेकिन आईई एज में एनीमेशन ट्रिगर नहीं किया जाता है हालांकि शैलियों को राज्य परिवर्तन पर सही तरीके से लागू किया जाता है, लेकिन बिना निर्दिष्ट एनीमेशन के।कोणीय एनीमेशन आईई एज

क्या किसी के पास एक ही समस्या है?

यहाँ मेरी कोड है:

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

अग्रिम धन्यवाद

उत्तर

4

वेब एनीमेशन edge में समर्थित नहीं है, तो आप जोड़ना चाहिए polyfill

कोणीय एनिमेशन के शीर्ष पर बनाया जाता है मानक वेब एनिमेशन API और इसका समर्थन करने वाले ब्राउज़र पर मूल रूप से चलाएं। अन्य ब्राउज़रों के लिए, एक पॉलीफ़िल आवश्यक है। गिटहब से web-animations.min.js पकड़ो और इसे अपने पृष्ठ में जोड़ें।

+0

यह काम किया। धन्यवाद। – Haris

+2

यदि आप कोणीय-क्ली का उपयोग कर रहे हैं तो पॉलीफिल को कॉन्फ़िगरेशन में बेक किया जाता है, तो आपको बस उन्हें असम्बद्ध करके सक्षम करना होगा। "Polyfills.ts" – Zuriel

संबंधित मुद्दे