Как добавить правильный субтиль в Ionic List

Question

Я использую Ionic 4 и хочу добавить субтитры справа от моего списка.

Я хочу, чтобы правая сторона выглядела так же, как моя левая сторона.где у меня есть слово 1 ломтик.

Это мой код.

<ion-header>
<ion-toolbar>
  <ion-title>Foods</ion-title>
  <ion-buttons slot="primary">
    <ion-button color="primary" (click)="showModal()">
      <ion-icon slot="icon-only" name="add"></ion-icon>
    </ion-button>
  </ion-buttons>
</ion-toolbar>

<ion-list>
  <ion-item>
    <ion-label>
      <h2>Pizza</h2>
      <p>1 Slice</p>
    </ion-label>
    <ion-text>366</ion-text>
  </ion-item>
</ion-list>

Answer 1

Попробуйте slot = "start" и slot = "end"

 <ion-list>
      <ion-item>
        <ion-label slot="start">
          <h2>Pizza</h2>
          <p>1 Slice</p>
        </ion-label>
        <ion-label slot="end>
          <h2>Pizza</h2>
          <p>1 Slice</p>
        </ion-label>
      </ion-item>
    </ion-list>