编辑:这里的jsFiddle示例。
我有一个ngRepeat
产生包含iframes
.
div(ng-repeat='element in elements')
ng-switch(on="element.type")
a-directive(ng-switch-when="something")
another-directive(ng-switch-when="somethingElse")
现在,在指令中,我在某些事件之后将内容加载到 iframe 中,方法是:
$iframe[0].contentWindow.d_contents = "html"
$iframe[0].src = 'javascript:window["d_contents"]'
一切都很好。
当我从模型中(在控制器中)删除其中一个元素时,例如:
elements.remove(object) //using sugarjs, that's not the issue, same behaviour with splice
UI 得到相应更新,即元素消失。
问题
这按预期工作:
elements.push(ele1)
elements.push(ele2)
.. init iframes inside ele1 and ele2 with content ..
elements.remove(ele2)
结果:ele2
从 UI 中消失,ele1
仍然存在加载 iframe
这不会:
elements.push(ele1)
elements.push(ele2)
.. init iframes inside ele1 and ele2 with content ..
elements.remove(ele1)
结果:ele1
从 UI 中消失,ele2
仍然存在 iframe,但 iframe 内容恢复为空,iframe.load()
并被触发。
这里发生了什么?为什么我的 iframe 会被重置?