Clarity の Tree Viewを使用する動作中の Angular 4 アプリケーションがあります。このコントロールには非常に満足しており、引き続き使用したいと考えています。
最近、アプリケーションに別の (Angular 以外の) コンポーネントを追加しましたdojo.js。次のようにインポートdojo.jsしています。index.html
<script type="text/javascript" language="javascript" src="/dojo/dojo/dojo.js"></script>
残念ながら、このインポートが追加されると、展開可能なツリー ノードの展開/折りたたみ矢印/キャレット イメージが表示されなくなります。
レンダリングされた 2 つのページを比較するとclr-icon、最終的な DOM の要素にはネストされたsvg要素が含まれていないことがわかりました。欠落しているsvg要素は次のようになります (一部のテキストは私が省略記号に置き換えました):
<clr-icon ...>
<svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="..." xmlns:xlink="..." focusable="false" role="img">
<title>angle</title>
<path class="clr-i-outline clr-i-outline-path-1" d="..."></path>
</svg>
</clr-icon>
私の現在の仮説は、 の導入によりdojo.js名前空間の衝突が発生し、「SVG 要素の挿入」コードの一部が実行されなくなるというものです。
dojo.jsindex.htmlからのインポートを続行しながら SVG 要素を復元するにはどうすればよいですか?