ngInclude doesn't work for SVG in Safari or Firefox (5263)

"Invalid" bug #5263 is still a problem (1.2.16).

The example plunkr at http://plnkr.co/edit/Igvyeb1g4sWHoeOgAHTz?p=preview only works in Chrome.

[tbosch]

Also in chrome, it outputs a lot of errors in the console, as the interpolation symbols are not valid for svg attributes. However, I don't know a way of preventing those errors. They even show up when putting those svg elements inside of a template tag.

[tbosch]

@caitp and @IgorMinar FYI. I think this is legit, although I am not sure how well we would like to support interpolation in svg (e.g. using {{}} in attribute values) as that gives errors in the browser console.

Ignore the interpolation errors; the original plunk author should've used "ng-attr-[attribute]" (e.g.: ng-attr-dx) for those. Here's one with the proper attributes: http://plnkr.co/edit/6L7cv6sjSaROJsEx0qAT?p=preview

[caitp]

it's true though, it still doesn't work. I'm looking into it =)

[caitp]

I'm not totally sure exactly what is happening here, but the element which is receiving the interpolated attribute values, seems to be HTMLUnknownElement in Gecko (and possibly Safari too, but the devtools in safari keep crashing on me so it's hard to verify =() --- so, these should still be added to the DOM, but that doesn't seem to be happening, and I haven't sorted that out yet.

I think turning this into a failing unit test would make this easier to sort out, but the question is, what's the priority like on this --- because there are some other issues I'd like to take care of this week. Thoughts?