AngularJS - Entfernen Sie Bindungen, um Speicherlecks zu vermeiden

Question

Was ist der richtige Weg in AngularJS Bindungen zu trennen?

Ich habe eine nicht-eckige Anwendung, die eine Komponente lädt, die angularjs verwendet, um Daten zu binden. Irgendwann möchte ich die Komponente zerstören und sicher sein, dass es keine Speicherlecks gibt. Wie erkenne ich angular, um alle Ereignis-Listener aus diesem Teil des DOM zu entfernen?

Würde $(node).remove() den Trick machen, oder tut eckig andere Dinge im Speicher, die aufgeräumt werden müssen ...? Alle anderen Tipps zur Vermeidung von mem-Lecks in eckigen würden geschätzt.

Answer 1

Wenn Sie nur ein DOM-Element entfernen, das ein Scope mit etwa remove() hat, wird das Scope im Speicher nicht gelöscht. Sie können dies bestätigen, indem Sie ein Element entfernen und in Batarang suchen oder indem Sie den übergeordneten Bereich ermitteln und die untergeordneten Elemente untersuchen. Sie werden feststellen, dass der Bereich noch vorhanden ist. Sie möchten also auch $destroy() auf dem Scope selbst aufrufen.

More information about $destroy() can be found here.

EDIT: Eine Sache, die ich nicht sicher bin, ist, wenn es den Bereich vollständig löscht, oder trennt es einfach und lässt JavaScript GC kümmern sich um den Rest.