<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/previous-page"></ion-back-button>
    </ion-buttons>
    <ion-title>消息</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item *ngFor="let message of messages">
      <ion-avatar slot="start">
        <img src="{{message.avatar}}">
      </ion-avatar>
      <ion-label>
        <h2>{{message.sender}}</h2>
        <p>{{message.content}}</p>
      </ion-label>
      <ion-note slot="end">{{message.time}}</ion-note>
    </ion-item>
  </ion-list>
</ion-content>