Cumulocity Internet ExplorerのSCADAウィジェット

Question

私のSCADAウィジェットはChromeとFirefoxでは正しく表示されますが、Internet Explorerでは表示されません（IE 11を試しました）。だから、

... 
<g 
    id="layer1-1-7" 
    inkscape:label="Layer 1" 
    transform="translate(90.285715,99.790733)"> 
    <!--{{state1}}--> 
    <rect ... ng-class="{spotFree: state1=='free', spotOccupied: state1!='free'}" ... /> 
    ... 
</g> 
... 
<style 
    id="style3348" 
    type="text/css"> 
    .spotOccupied { 
     fill:#ff0000; 
    } 
    .spotFree { 
     fill:#00ff00; 
    } 
</style> 
... 

、本当にただの長方形の値に応じて色を変更することになっています：たぶん、これは一般的なIE/.SVGの問題である、または多分私は間違って何かを持って、ここに私の.svgからの抽出物であります私のデバイスの1つのプロパティへのリンクであるプロパティ。 Chrome/FFで動作しますが、IEではスタイルが全く適用されません（長方形は黒で、小道具の状態によって変化しません）。もっと何か/私がやるべきことがありますか？

Answer 1

IEの問題です - <style>タグを動的に追加して処理しません。この問題は、例えば、一般的にはhereであり、SVGの文脈ではhereである。 SCADAウィジェットのSVGファイルは動的に挿入され、影響を受けます。あなたは、ダッシュボードを開いた状態でIE11のコンソールで次のJavaScriptコード（2番目のリンクから取得）を実行すると、SVGに表示される色を確認できます。

_.each(document.querySelectorAll('style'), function (s) { 
    s.textContent += ''; 
}); 

現時点では適切な回避策はありません。一時的にプロパティに各要素のng-styleを直接割り当てることはできますが、明らかにコードを複製します。私はあなたが挿入されたSVGファイル内の<style>タグの評価をトリガーするようにSCADAウィジェットを改善するためにCumulocityへのチケットを上げることができると思います。

Answer 2

CumulocityのSCADAウィジェットを使用して正常に動作しているかどうかを確認しました。それらはIE11で作業しています。だから私は、IE11には一般的なSCADAウィジェットの問題があることを確認することはできません。