Is it possible to initialize svg-icons in typescript?

[usamauzi]

Hi, I am trying to initialize this in a typescript file using document.createElement to display in a map webapp as an overlay (openlayers).

let jtiImageElement = document.createElement('svg-icon'); jtiImageElement.setAttribute('src', 'assets/icons/jtis/1A.svg'); //jtiImageElement.setAttribute([stretch],"true"); //jtiImageElement['src'] =assets/icons/jtis/1A.svg; jtiImageElement['[svgStyle]'] = "{width.px:'100', height.px:'100'}";

ive tried initializing it this way, there is a svg-icon in the DOM but there is no image and the dimensions are 0x0. the url of the svg is also working.

[czeckd]

This svg-icon Angular component wasn't design for this type of use. Have you tired using the Angular approach by using a dynamic component loader?

[usamauzi]

Actually, this part of the code is being used in the ngoninit method. I am essentially trying to add some svg photos on a map using openlayers, and want to manipulate them to flash borders etc ( animate ).

[czeckd]

What version of Angular are you using?

[usamauzi]

[czeckd]

Thanks. I've never attempted to use the component in the way that you're using it with document.createElement. If you want to provide code for a full reproducer, I can take a look some more at it. I tried to come up with a workable example, but no luck on my part.