title: Get table TD values from AngularJS $element
body: <p>I have a table with a directive on it. When I sort the table then my directive is triggered which gives me a property called <code>$elem</code>.</p>
  
  <p>This property holds the <code>table</code> DOM elment. Is there a way to iterate through this object and read all the <code>&lt;td&gt;</code> innerHTML of each <code>&lt;tr&gt;</code> row?</p>
  
  <p>For example in this example: <a href="http://plnkr.co/edit/eodM0kMxZukG8y9DIh00?p=preview" rel="nofollow">http://plnkr.co/edit/eodM0kMxZukG8y9DIh00?p=preview</a></p>
  
  <p>How can I get all the TD values or each row and store that in a JS array using AngularJS only?
  So the result is something like:</p>
  
  <pre><code>var arr = {['1', 'User 1', '&lt;a href="#"&gt;link 1&lt;/a&gt;'],
             ['2', 'User 2', '&lt;a href="#"&gt;link 2&lt;/a&gt;']};
  </code></pre>