How to nest the SVG or image within another SVG about ngx-barcode HOT 3 OPEN

I have a same question..

<svg>
    <g>
        <svg></svg>
    </g>
</svg>

How can I do above where the inner svg is positioned within the parent at (x, y) and width and height?

I tried below and it does NOT work.

<svg class="label-container" [style.width.px]="width * pxPerInch" [style.height.px]="height * pxPerInch">
    <g *ngFor="let widget of widgets">
            <ngx-barcode
                         [bc-element-type]="svg"
                         [bc-format]="CODE128B"
                         [bc-width]="widget.width"
                         [bc-height]="100"
                         [bc-value]="widget.value" [bc-display-value]="true"></ngx-barcode>
     </g>
</svg>

from ngx-barcode.

Hi I need to do the same, the problem is that the component is generating a <div> with an <svg> inside.
In order to do what we need, the selector should be [ngx-barcode] (with the []) so we can use it as attribute of an <svg:g>

<svg:g ngx-barcode></svg:g>

And the template of such component should be just the <svg:g>

detailed description

I tried to fork the code and include the component in my code but I get the error message: "jsbarcode is not a function"
Do you know how can I solve it?

from ngx-barcode.

I forked this project and added a component that can be used as inside an SVG:

Please tell me if it make sense, or if there is a better way to do it.
I don't like how I did it (basically copy and paste from the original).

link to my fork

from ngx-barcode.