How can I assign a class to a report not on odd, even rows but on the change of a date column? : <p>I have a very simple report in AngularJS:</p>

<pre><code>&lt;div class="gridHeader"&gt;
   &lt;div&gt;User&lt;/div&gt;
   &lt;div&gt;Date&lt;/div&gt;
   &lt;div&gt;Count&lt;/div&gt;
&lt;/div&gt;
&lt;div class="gridBody"
   &lt;div class="gridRow" ng-repeat="row in rps.reports"&gt;
      &lt;div&gt;{{row.user}}&lt;/div&gt;
      &lt;div&gt;{{row.date}}&lt;/div&gt;
      &lt;div&gt;{{row.count}}&lt;/div&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>The report works but it's difficult to notice when the date changes. </p>

<p>Is there some way that I could assign a class to the grid row so that one date grid row has one class and the next date the grid row has another class. I think this is already available for odd and even rows with Angular but here I need it to work on every date change. </p>
