angularjs - IE 10 iframe not rendering -

-

this in angular app believe error lies solely in ie relates iframe , src attribute. renders fine in chrome. large app it's hard silo error in jsfiddle. here pertinent pieces.

the html/angular markdown:

  <div ng-repeat="form in formstoprint">      <h5>{{ form.formname }} - {{ form.pagestatus }}</h5>      <iframe ng-if="form.formid != '9' && form.formid != '10'"            ng-src="{{ form.pagesrcurl }}"            print-iframe seamless="seamless"></iframe>       <div ng-if="form.formid == '9'" ng-repeat="srp in srpstoprint">           <h5>{{ srp.srpcode }} - {{ srp.pagestatus }}</h5>           <iframe ng-src="{{ srp.pagesrcurl }}"                     print-iframe seamless="seamless"></iframe>       </div>       <div ng-if="form.formid == '10'" ng-repeat="srp in localpackagestoprint">           <h5>{{ srp.srpcode }} - {{ srp.pagestatus }}</h5>           <iframe ng-src="{{ srp.pagesrcurl }}"                     print-iframe seamless="seamless"></iframe>       </div>     </div>

the angular print-iframe directive:

  .directive("printiframe", function() {     return {         link: function(scope, element, attr) {             element.on("load", function() {                 var self = this,                     timeout = 8000;                 if (self.src.indexof("#/forms/8") !== -1                     || self.src.indexof("#/forms/5") !== -1                     || self.src.indexof("#/forms/36") !== -1                     || self.src.indexof("#/forms/9") !== -1                     || self.src.indexof("#/forms/10") !== -1                     || self.src.indexof("#/forms/19") !== -1                     || self.src.indexof("#/forms/37") !== -1                     || self.src.indexof("#/forms/38") !== -1) {                     timeout = 8000;                 }                  settimeout(function() {                     $(element).contents().find("div.navbar").hide();                     $(element).contents().find("div.binder-menu").hide();                       $(element).contents().find("div.commonbuttonbarcontainer").hide();                     $(element).contents().find("textarea.notes").closest("fieldset").hide();                     $(".formcontainer.print").height("100%");                     $(".formcontainer.print").width("100%");                      var height = $(element).contents().outerheight();                     var width = $(element).contents().outerwidth();                      if (height !== 0) {                         $(element).height(height + 100);                         $(element).width(width + 100);                     }                      $(element).contents().find(".formcontainer").css({ "margin-left": "25px" });                      $(element).show();                      scope.showprintwindow();                     console.dir(scope);                 }, timeout);             });         }       }   })

i can't inspect pagesrcurl property in console assume correct because working in chrome. doctype declared properly.

the other stackoverflow questions i've found not address issue.

iframes , angular produce hickups. problem found can described:

if have got iframe somewhere , use angular example set source, browser start grabbing src immediatly after iframe added dom.

this leads problems, not in ie. solution have found in our project add specialized lazyiframe directive add iframe dom necessary attributes evaluated (and not undefined) more.

in case, problem related ng-src might lead following:

  • iframe added dom no src attribute
  • ie registers iframe , grabs source
  • ie fails iframe , stops
  • src changed iframe not re-loaded due ie bug

if need crafting lazyiframe directive can provide further details.


Comments

Post a Comment

Popular posts from this blog

python - TypeError: start must be a integer -

-
i trying draw 5 turtles, getting typeerror on line 25. here code: import turtle wn = turtle.screen() redrose = turtle.turtle() color = input("what background color be?") fillcolor_f = input("what color of rose be?") redrose.hideturtle() redrose.speed(30) redrose.penup() redrose.left(180) redrose.forward(175) redrose.right(90) redrose.forward(30) redrose.right(90) redrose.pendown() def drawrose(red): redrose.color("pink") redrose.fillcolor(fillcolor_f) redrose.fill(true) in range(red): redrose.forward(i) redrose.right(49) in range(5): drawrose(redrose) redrose.penup() redrose.forward(350) redrose.right(144) redrose.pendown() redrose.fill(false) drawrose(50) wn.bgcolor(color) i trying draw 5 roses, produces errors. doing in interactivepython.org. you recursively calling drawrose wrong parameter. on line 23 ( for in range(red): ) expect red integer...
Read more

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

-
i have following code almost works properly; private void cbstatus_drawitem(object sender, listboxdrawitemeventargs e) { string item = e.item string; if (item != null) { switch (item) { case "1": e.appearance.forecolor = color.green; e.appearance.backcolor = color.green; break; case "2": e.appearance.forecolor = color.orange; e.appearance.backcolor = color.orange; break; case "3": e.appearance.forecolor = color.red; e.appearance.backcolor = color.red; break; } } } when dropdown shown, items forecolor correct, backcolor remains whatever backcolor of theme is; i.e. if i've got set dark theme, backcolor dark, cells in gridview, rather being green/orange/red. i've tried setting e.appearance.options.usebackcolor trying set e....
Read more

django - Creating multiple model instances in DRF3 -

-
1) create multiple model instances 1 api call, asked here: how create multiple model instances django rest framework? tried solution named in link, no success. i trying upload multiple files in 1 api call. result: files uploaded (only once overwrote perform_create) 1 instance created (if send 2 files, latter created instance). my code: class fileuploadserializer(serializers.modelserializer): def __init__(self, *args, **kwargs): many = kwargs.pop('many', true) super(fileuploadserializer, self).__init__(many=many, *args, **kwargs) class meta: model = fileupload read_only_fields = ('created', 'datafile', 'owner') class fileuploadviewset(viewsets.modelviewset): queryset = fileupload.objects.all() serializer_class = fileuploadserializer parser_classes = (multipartparser, formparser, ) def perform_create(self, serializer): file_list = self.request.data.getlist('file') ...
Read more