Will components inside SVG be supported?

Currently elements inside the components template seems to be rendering using the xhtml name-space and is not showing up on the screen. I realize Angular 2 is in an early stage but I wanted to know if this scenario is on the track at all.

I.E. this is the usecase i mean:

<svg>
  <my-component></my-component>
</svg>

[MonkeyDo]

Same here, this is a feature I would love to see on the map. For now the g[attribute] solution will have to do.

My use case is reusable components that generate svg programatically (using D3, ported from another project) and that I would like to use both in regular html and in svg elements.

For example:

<gauge-component>
    <svg>…</svg>
</gauge-component>

<svg>
    <gauge-component>
        <svg>…</svg>
    </gauge-component>
    <gauge-component>
        <svg>…</svg>
    </gauge-component>
</svg>

[stijmeer]

I just found this great article explaining how to use svg-components with angular 2!

You will have to namespace the svg elements and use an attribute selector for the component:

@Component({
  selector: '[app-logo-left]',
  templateUrl: './app-logo-left-component.html'
})

<svg viewBox="0 0 250 250">
  <svg:g app-logo-left />
  <svg:g app-logo-right />
  <svg:g app-logo-a />
</svg>