title: AngularJS orderby not working as expected
body: <p>I am using Angular directive to orderBy on table rows, with the data coming as an array of objects from a service.</p>
  
  <pre><code>&lt;tr ng-repeat="album in vm.albums | orderBy: album.data.title"&gt;
  
      &lt;td&gt;{{album.data.title}}&lt;/td&gt;
      &lt;td&gt;{{album.data.date}}&lt;/td&gt;
      &lt;td&gt;{{album.data.type}}&lt;/td&gt;
      &lt;td&gt;{{album.data.username}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Here's what my <code>vm.albums</code> array looks like:</p>
  
  <pre><code>vm.albums ---&gt; [&gt;Object1, &gt;Object2, &gt;Object3......]
  </code></pre>
  
  <p>And each object looks like the foll:</p>
  
  <pre><code>Object1 ---&gt; {slug: "my-title", data: Object}
  Object2 ---&gt; {slug: "beta-title", data: Object}
  Object3 ---&gt; {slug: "alpha-title", data: Object}
  </code></pre>
  
  <p>And the object <code>Object1.data</code> or any object in the vm.albums array looks like the following:</p>
  
  <pre><code>Object1.data ---&gt; {title: "My Title", date: "2015-04-06", type: "Blue", username: 'rust'}
  Object2.data ---&gt; {title: "Beta Title", date: "2012-04-07", type: "Orange", username: 'badname'}
  Object3.data ---&gt; {title: "Alpha Title", date: "2013-09-06", type: "Lemons", username: 'xerox'}
  </code></pre>
  
  <p>I still don't get the right sorted <code>&lt;td&gt;</code> in my table using the <code>orderBy</code> I am using. Not sure what I am doing wrong. Any clue ?</p>