How To Show Date Once Per Day From An Array With Multiple Timestamps

I have an array with multiple conversations and with every message that has been typed either by the user or by the admin a timestamp indicating at what time the message was sent.

Solution 1:

I've created a plunkr which does what I think you want.

You need to track the index of the message in the repeat

<div class="{{ message.animationClass }}" 
  ng-repeat="message in conversation.Messages track by $index">

and then compare the date of current message with the date of previous one, only showing date if it's different.

<!-- DATE --><divclass="row"ng-show="$index == 0 || 
    (message.time | date: 'dd MMMM yyyy') != 
    (conversation.Messages[$index-1].time | date: 'dd MMMM yyyy')">

Solution 2:

What I'd do is make a scoped variable, maybe something like: $scope.lastMsg. Then everytime a new msg has been added, store its time in the aforementioned variable. with this variable you can use an expression in a way you prefer. I don't really get what you mean by once per day. Is it meant to be on a fixed moment each day? The easiest would be to do all of this in the same controller.