Ionic：タイトルと詳細テキストの項目

Question

質問：シンプルすぎるようです - タイトルテキストと詳細テキストのアイテムをどのように達成できますか？

例：

注：私は2つの解決策を試してみました。どちらも内容のない空白の白い項目になります。

<ion-item-sliding> 
     <ion-item> 
     <ion-icon name="pin" item-start color="primary"></ion-icon> 
     <ion-list> 
      <ion-item> 
      <ion-label>Title </ion-label> 
      </ion-item> 
      <ion-item> 
      <ion-input disabled="true" [(ngModel)]="event.detail"></ion-input> 
      </ion-item> 
     </ion-list> 
     </ion-item> 
    </ion-item-sliding> 

と

<ion-item-sliding> 
     <ion-item> 
      <ion-icon name="pin" item-start color="primary"></ion-icon> 
     <ion-grid> 
     <ion-row> 
      <ion-column> 
      <ion-label>Title</ion-label> 
      </ion-column> 
      <ion-column> 
      <ion-input disabled="true" [(ngModel)]="event.detail"></ion-input> 
      </ion-column> 
     </ion-row> 
     </ion-grid> 
     </ion-item> 
    </ion-item-sliding> 

Answer 1

あなたはThumbnail Listアイテム（docs）を使用することができます：

<ion-item> 
    <ion-thumbnail item-start> 
     <ion-icon name="pin" item-start color="primary"></ion-icon> 
    </ion-thumbnail> 
    <h2>Title</h2> 
    <p text-wrap>{{ event.detail }}</p> 
    </ion-item> 

を