title: How to reduce/remove memory leaks in Angular application
body: <p>I am optimizing my large <code>Angular App</code>. As I found a that <code>Google DevTools</code> is very good to detect problems. As I just have started learning about <code>DevTools</code>, I am very confused about memory leaks.</p>
  
  <p>When I move back and from to different pages in my app, Profile heap Snapshot size is increasing again and again so I think there are some object which is not being cleaned by GC and that's why my app is getting slow after sometime so how to solve this. Please help.</p>
  
  <p><strong>Note</strong></p>
  
  <p>This is what I understand using DevTools, please correct me if I am wrong. Other suggestions are welcome.</p>
  
  <p><strong>Till now what I have used</strong></p>
  
  <ol>
  <li><a href="https://github.com/tadeuszwojcik/angular-once">AngularOnce</a> directive for reducing watch whenever required.</li>
  <li>QuickList directive to replace ng-repeat with <a href="https://github.com/allaud/quick-ng-repeat">quick-ng-repeat</a>.</li>
  <li><a href="https://github.com/thenikso/angular-inview">InView</a> Directive, to handle large list so I am removing DOM which is not in viewport.</li>
  <li>Lazy load approach from <a href="http://binarymuse.github.io/ngInfiniteScroll/">ngInfiniteScroll</a> directive.</li>
  </ol>