如何使用Angular5中两个不同对象的数据制作时间线

Question

问题的简化说明。

在后端，我有两个端点：

UserParticipation：时间，用户ID
UserMessage：时间，消息，用户ID

这些对象在AngularController中进行短轮询（带有服务）。因此它们会不断更新。

我以前在模板中有2个循环：

<div *ngFor="let up of UserParticipation">
         On {{ up.time }} {{ up.userid | userlookup }} participated 
</div>
<div *ngFor="let um in UserMessage">
        On {{ um.time }} {{ um.userid | userlookup }} said {{ um.message }}
</div>

但是我想要按时间顺序（时间轴）的样式。更像是：

在20.00 UserGary上参加了
UserMike在20.05说：“伟大的工作”
UserKarin于20.07参加了
20.17 UserLena参加了
在20.35日，UserKarin说：“伟大的工作”

有什么想法吗？