title: Angular equals with deep comparison and return difference on each item
body: <p>I want to compare two arrays using <code>angular.equals</code> and get list of items that are different from each other.</p>
  
  <p>For example:</p>
  
  <pre><code>var obj1 = [
      { id: 1, name: 'john', age: 30, height: 6 },
      { id: 2, name: 'ben' , age: 20, height: 5 }
  ];
  var obj2 = [
      { id: 1, name: 'martin', age: 25, height: 6 },
      { id: 2, name: 'ben'   , age: 20, height: 5 }
  ];
  </code></pre>
  
  <p>Now doing <code>angular.equals(obj1, obj2)</code> will return <code>false</code>.</p>
  
  <p>Here I want to compare each item from different arrays and alert differences or show different color when I display in UI.</p>
  
  <p>Assuming <code>obj1</code> is from HTML form and <code>obj2</code> is from service.</p>
  
  <p>Result expected:</p>
  
  <p><strong>.id[1] name changed to john,age changed to 25</strong><br>
  or<br>
  <strong>.get false or true when I compare each item in</strong>.</p>