एंगुलरजेएस माइक्रोसॉफ्ट एज स्क्रीन डीओएम

Question

को प्रतिबिंबित नहीं करती है मैं एंगुलरजेएस 1.5.0 का उपयोग कर रहा हूं और माइक्रोसॉफ्ट एज ब्राउज़र स्क्रीन डीओएम को प्रतिबिंबित नहीं करती है।

मुझे कुछ सुझाव चाहिए कि यह कैसे तय किया जा सकता है।

मैं वास्तव में प्रत्येक तत्व के लिए एक फ़िक्स लागू नहीं कर सकता क्योंकि एप्लिकेशन कोणीय समीकरणों सहित गतिशील उपयोगकर्ता सामग्री के साथ कुछ बड़ा है। इसके अलावा ऐप में इनपुट बॉक्स से जुड़े बहुत से गतिशील बाइंडिंग शामिल हैं।

माउस के साथ पाठ का चयन 0 को 2 में बदल देता है जो नीचे दिए गए उदाहरण में सही मान है। और बाद में स्थिति शैली को बदलना एज को तत्व को फिर से निकालने के लिए मजबूर करना प्रतीत होता है लेकिन यह कुछ हद तक एक बदसूरत फिक्स है जिसे मुझे बहुत पसंद नहीं है और इसे कई स्थानों पर ट्रिगर करने की आवश्यकता है (अजाक्स अनुरोध, इनपुट परिवर्तन और इतने पर ...)

पृष्ठ 0 के मान से शुरू होता है। फिर एक अजाक्स कॉल किया जाता है और यह वास्तविक डेटा प्राप्त करता है। कुछ प्रयोग के बाद बग केवल तभी दिखाई देता है जब नया डेटा 1 वर्ण (उदा: 2 या 9) होता है। और यह हर बार होता है। यदि यह 2 अंकों का नंबर है (उदा: 26) तो अच्छी संख्या दिखाई देती है।

इस मामले पर किसी भी मदद की खुशी से सराहना की जाएगी।

Answer 1

हम एक ही समस्या का सामना करना पड़ रहे थे और यह तत्वों को अपडेट करते हुए नहीं कर रहे हैं से text-transform: uppercase शैली को हटाने के बाद होने वाली बंद कर दिया।

@ सैम्पसन, ऐसा लगता है कि यह एज में एक बग है।

Answer 2

मैं उत्परिवर्तन ऑब्जर्वर के उपयोग के साथ एक अस्थायी ठीक करने में सक्षम था।

लिटिल स्क्रिप्ट जिसे मैंने AngularJS तत्वों के लिए काम किया है, सर्वर पक्ष बनाया है।

वर्तमान में वे मेरे ऐप में परेशानी पैदा करने वाले अकेले हैं।

<script>  
$(document).ready(function(){ 
    var ua = navigator.userAgent; 
    var re = new RegExp("Edge/"); 
    if (re.exec(ua) != null){ 
    console.log('edgeMutationObserver ON!!') 
    var edgeMutationConfig = { characterData: true, subtree: true }; 
    var edgeMutationObserver = new MutationObserver(function(mutations) { 
     var rgb_p = /rgb\((\d+), (\d+), (\d+)\)/g; 
     var rgba_p = /rgba\((\d+), (\d+), (\d+), (\d.?\d*)\)/g; 

     mutations.forEach(function(mutation){ 
     if(mutation.target.nodeType == 3){ 
      var that = mutation.target.parentNode; 
      // Save the background color 
      var bgc = that.style.backgroundColor; 

      // Get applied style from style or css 
      var bgc_css = bgc || $(that).css('backgroundColor'); 
      var bgc_temp,match; 
      if(match = rgb_p.exec(bgc_css)){ 
      // rgb transformed in rgba triggers update 
      bgc_temp = 'rgba('+match[1]+','+match[2]+','+match[3]+',1)'; 
      }else if(match = rgba_p.exec(bgc_css)){ 
      // Slightly modify transparency 
      var alpha = match[4] == 0 ? 0.01 : match[4] - 0.01 ; 
      bgc_temp = 'rgba('+match[1]+','+match[2]+','+match[3]+','+alpha+')'; 
      }else{ 
      // If either inline style or css is already equal to transparent the redraw is not made so i choose an alternate color with 0 opacity 
      bgc_temp = bgc_css != 'transparent' ? 'transparent' : 'rgba(0,0,0,0)'; 
      } 

      // Change background color to force redraw 
      that.style.backgroundColor = bgc_temp; 
      setTimeout(function(){ 
      // Apply back previous style 
      // Doesn't redraw without a timeout in Edge 
      that.style.backgroundColor = bgc; 
      },0); 
     } 
     }); 
    }); 

    $('.ng-binding').each(function(){ 
     edgeMutationObserver.observe(this, edgeMutationConfig); 
    }); 
    } 
}); 
</script>