-1

Trying to figure out if there is a way to render svg content inside another element without rendering the wrapper delivering the content.

The approach would also have to be something that could be packaged in it's own library.

It could be done with the approaches discussed here, but I was hoping there's a way to do it without having to modify the parent / wrapping content in any way.

So we could import it and do something like:

   <svg-container-element>
      <svg-library-element> //Could be a directive ... 
      </svg-library-element>
      <svg-circle></svg-circle>
      <svg-square></svg-square>
   </svg-container-element>

I tried implementing the answer that uses the ViewContainerReference in this Stackblitz, however the containing element still renders.

Thoughts?

Ole
  • 41,793
  • 59
  • 191
  • 359

0 Answers0