title: how to scroll bottom of div using angular js
body: <p>I have a div in which I added element .I want to scroll to bottom of the div whenever element added in div.I know how to do in in jquery .But I did not know how to scroll using angular js
  I know using jquery
  <a href="https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div">Scroll to bottom of div?</a> </p>
  
  <p>testCaseContainer is id of div .</p>
  
  <pre><code>var elem = document.getElementById('testCaseContainer'); // just to
                                                                      // scroll down
                                                                      // the line
          elem.scrollTop = elem.scrollHeight;
  </code></pre>
  
  <p>I want to know how it is possible using angular ?</p>
  
  <p><a href="http://plnkr.co/edit/M8tCL8Szc3h3FatFLycG?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/M8tCL8Szc3h3FatFLycG?p=preview</a></p>
  
  <p>I added css in div container so that it scroll .</p>
  
  <pre><code>.heightClass{
    height:100px;
    overflow :auto;
  }
  </code></pre>
  
  <p>how to move focus below when item is added ..please post your answer..</p>