Home  >  Q&A  >  body text

javascript - angularjs指令的$element如何完全做remove

我发现directive link里面的$element不是deep-copy:
一般$element是这样

<p></p>

深度拷贝后的就有childNode了

<p>
    <img>
</p>

如果直接destory的时候remove不掉它的childNode,需要用cloneNode做一次深度拷贝,之后append上去再remove才行,否则就会有内存泄漏。
但是这样会有性能上的问题,有谁知道angular本身有没有提供什么remove $element的接口?

伊谢尔伦伊谢尔伦2653 days ago298

reply all(1)I'll reply

  • 高洛峰

    高洛峰2017-04-11 13:00:55

    问题找到了,remove接口没有问题。
    原因是生成directive的时候<img>挂了重复的2个结构,destroy的时候先把<p>父节点全部remove掉,再去remove<img>的时候因为没有父节点了,所以却不掉,就留下了导致内存泄漏

    reply
    0
  • Cancelreply