Ng-include in IE 11

Asked Oct 13 '16 at 19:20

Active Oct 13 '16 at 19:20

Viewed 320 times

I'm in IE 11 working with Angular and I have an span containing an icon that I'm trying to include via the following.

<ng-include
popover="popover"
class="input-group-addon popover-icon-warning"
role="button"
data-toggle="popover"
data-trigger="focus"
src="config.warningIconSVG"></ng-include>

Instead of the span coming in I get

<!-- ngInclude: -->

I've tried restructuring the ng-include, and adding the createElement to the javascript being loaded in but nothing works. Any answers or direction on where to look would be greatly appreciated.

asked Oct 13 '16 at 19:20

Chris Maness

1,682
3
22
40

In case you running this inside ng-if - you may be in isolated scope - so you may not see "config", if it is the case, try $parent.config – Oleg Imanilov Oct 13 '16 at 19:28
Did you try `src=" 'config.warningIconSVG' "` http://stackoverflow.com/questions/13943471/angularjs-ng-include – Gowthaman Oct 13 '16 at 19:28
@gilango his source doesn't appear to be a static string but an expression. As such, putting quotes around it won't help. – Matthew Green Oct 13 '16 at 19:29
@gilango that would make that url be the string value...doesn't make sense – charlietfl Oct 13 '16 at 19:29
Right before the `ng-include` try `{{config.warningIconSVG}}` and see if the url prints in view. Also probably not a good idea adding those other directives on `ng-include` and move them to the template – charlietfl Oct 13 '16 at 19:30
@Nosyara not inside an ng-if – Chris Maness Oct 13 '16 at 19:31
I want to add it works perfectly inside of chrome. – Chris Maness Oct 13 '16 at 19:31
Could you please create a plunkr for the same? – Pankaj Parkar Oct 13 '16 at 19:32
Also check in dev tools network at what happens to the request for the template – charlietfl Oct 13 '16 at 19:34
@gilango I tried adding the single quotes and I got an iFrame. – Chris Maness Oct 13 '16 at 20:14

Ng-include in IE 11

0 Answers0