폴리머 요소 내에서 SVG 사용

Question

심볼이있는 SVG 파일을 사용하려고하지만 폴리머 요소 내부에서 작동하지 않습니다. 그것은 폴리머 템플릿 내에서 사용하는 경우 아이콘을 표시하지 않습니다 내 index.html에서 완벽하게 잘 작동하지만

<svg class="icon-home"><use xlink:href="/images/icons.svg#icon-home"></use></svg> 

:

이

은 내가 사용하는 코드입니다.

/images/icons.svg의 내용물을 폴리머 요소에 직접 넣으면 작동합니다. (나는 경로가 정확하다고 확신합니다)

어떤 문제에 대한 아이디어가 있습니까?

Answer 1

해결 방안으로 .svg 파일의 내용을 단지 인라인으로 나타내는 <svg-icon> 폴리머 요소를 만들었습니다. 그것은 작동하지만 솔루션보다 해결 방법이 더 많습니다.