title: Angular material poor performance, large memory footage and Memory Leak
body: <p>Angular material poor performance and large memory footage:</p>
  
  <p><code>Issue:
  When added md-input-container to a page, the number of $watchers increased from 6504 to
  112507?, by total 17 times more than without the angular material tag*</code>
  both md-input-container and $mdDialog cause memory leak
  Angular Material pages load 4 times slower in Chrome, and almost not able to load in IE
  `What is the expected behavior?
  Expect Angular material app to perform similar as angular only app.</p>
  
  <p>Perrformance
  Angular Only App:
  Chrome: 5.8 seconds load 500 student records
  1.4 seconds load 50 student records
  IE: 24.98 seconds load 500 student records
  2.15 seconds load 50 student records</p>
  
  <p>Angular Material App:
       Chrome:    20.86 seconds load 500 student records
                           2.93 seconds load 50 student records
   IE:               wait 1 hour not able to load 500 students.
               Wait 10 minutes not able to load 200 students
               42.46 seconds to 50 student records
  Memory Footage:
  1. In general, IE use 1.456 times more memory than chrome
  2. Chrome: angular Material use 2.26 times more memory than without it
  3. IE: angular Material use 1.73 times more memory than without it</p>
  
  <p>Memory Leak:
  Memory leak detected in IE when between two views when angular materiel is used in views.
  --switched views 23 times memory increased by 26 MB in IE
  $mdDialog cause memory leak in both Chrome and IE
  -- open and close dialog 31 times, Chrome memory increased by 27 MB, IE memory increased
  by 12 MB</p>
  
  <p>I upload my codes to:
  github: <a href="https://github.com/gregyichang/MemoryLeak" rel="nofollow noreferrer">https://github.com/gregyichang/MemoryLeak</a></p>