angularjs - How do I destroy my app after bootstrapping it? -

angularjs - How do I destroy my app after bootstrapping it? -

i have next method utilize bootstrap "smaller angular apps" in much larger project converted angularjs. such have fragmentations of project exist separate angular apps. these bootstrapped such:

startmyangularapp = (element) -> element.append("<div id='mydirective' 'my-directive' ></div>") $injector = angular.bootstrap($('#mydirective'), []) $injector.invoke ($rootscope) -> $rootscope.$on 'event:closedialog', (success) -> $rootscope.$destroy() $rootscope.$apply() $(".mybutton").on('click', () -> startmyangularapp(this))

now. problem here every time mybutton clicked new rootscope created. old 1 still available through batarang leads me believe never disposed of. there way ensure clean after ourselves?

so far have tried element.empty(), angular.element(element).scope().$destroy() , similar desperate attempts.

edit: figured screenshot of scopes beingness created through batarang useful.

angularjs memory-leaks