iframe - What happens when removing an object used by a ngRepeat in AngularJS? -

-

edit: jsfiddle example here.

i have ngrepeat spawns directives containing iframes. 

div(ng-repeat='element in elements')     ng-switch(on="element.type")          a-directive(ng-switch-when="something")         another-directive(ng-switch-when="somethingelse")

now, inside directive loading content iframe after event, doing:

$iframe[0].contentwindow.d_contents = "html" $iframe[0].src = 'javascript:window["d_contents"]'

everything works nicely.

when remove 1 of these elements model (in controller) like:

elements.remove(object) //using sugarjs, that's not issue, same behaviour splice

the ui gets updated accordingly, i.e. element disappear.

the problem

this works expected: 

elements.push(ele1) elements.push(ele2)  .. init iframes inside ele1 , ele2 content ..  elements.remove(ele2)

result: ele2 disappears ui, ele1 still there iframe loaded

this not:

elements.push(ele1) elements.push(ele2)  .. init iframes inside ele1 , ele2 content ..  elements.remove(ele1)

result: ele1 disappears ui, ele2 still there iframe, iframe content empty, , iframe.load() gets fired.

what happening here? why iframe getting reseted?

you need add loading logic inside load() reload content when dom changes.

var linkfn = function (scope, element, attrs) {     init(function () {         var $iframe = element.find("iframe")          var refresh = function () {             var doc = $iframe[0].contentwindow.document;             doc.open();             doc.write(scope.ele.source);             doc.close();         }          $iframe.load(function () {             console.log(scope.ele.id + ": loaded ");              //refreshing             refresh();         });          //initial loading         refresh()     }) }

you need use doc.write() scenario or recursive loop error.

demo


Comments

Post a Comment

Popular posts from this blog

c++ - Linked List error when inserting for the last time -

-
so have part of code here this loop 5 times (max = 5) insert word link list. for ( int = 0 ; < max ; i++ ) { string alphabet = g->returnalphabets(); l[i]->addwords(alphabet[i]); } and have insert word part here string line; fstream myfile ("words.txt"); while (!myfile.eof()) { getline(myfile,line); if ( alphabet == line[0] ) { listnode *newnode = new listnode; if ( head == null ) { newnode->item = alphabet; newnode->next = null; head = newnode; } else { newnode->item = line; prev = cur; prev->next = newnode; } cur = newnode; } } myfile.close(); my problem gives me error on last loop. meaning on max = 4, insert node. rest of loop fine. when decrease max 4 meaning loop 4 times, program error-free when program loops 5 times gives error. anyone can poin...
Read more

java - activate/deactivate sonar maven plugin by profile? -

-
i use sonar plugin executes if activated in maven profile. sonar runs on every compile. the problem build fail other team members not have sonar application installed locally. pom.xml checked in team members same copy including sonar configuration, don't want them modify purpose of disabling sonar (they might inadvertently check modified copy in). please advise how configure maven (.m2/settings.xml) and/or pom.xml sonar feature can enabled/disabled local profile. here sonar configuration in each project's pom.xml: <plugin> <groupid>org.codehaus.mojo</groupid> <artifactid>sonar-maven-plugin</artifactid> <version>1.0</version> <executions> <execution> <id>make-sonar</id> <phase>compile</phase> <goals> <goal>sonar</goal> </goals> </execution> </executions> ...
Read more

tsql - Pivot with Temp Table (definition for column must include data type) -- SQL Server 2008 -

-
the following returning 2 errors: 'the definition column '0.63' must include data type.' 'the select list insert statement contains fewer items insert list. number of select values must match number of insert columns.' i understand need assign data type columns being inserted temp table don't quite understand how dynamic code however. if explanation on how @cols variable code working , specific issue. fldpk data type int , pivot fields i.e. @cols, float data type. declare @cols nvarchar(max), @query nvarchar(max); select @cols = stuff((select distinct ',' + quotename(fldci) fn_qryt_1() xml path(''), type ).value('.', 'nvarchar(max)') ,1,1,'') set @query = 'select fldpk, ' + @cols + ' ( select fldpk ,fldni ...
Read more