ionic2：イオンアイテムで商品リストを表示する際に助けが必要

Question

イオンリストとイオンアイテムの商品リストを表示したいと思います。

各製品の最初の行には製品名が表示され、2行目には製品の詳細が小さなフォントで表示されます。

右端にアイコンがあり、商品の詳細ページが開きます。以下は

は、コードスニペットです：

<ion-list> 
    <ion-item *ngFor="let product of productArray"> 
     <ion-label>{{product.name}}</ion-label> 
      <div item-content> 
       Rate: {{product.rate}} Tax : {{product.tax}} 
      </div> 
     <button ion-button icon-only item-right (click)='editProduct(product)'> 
      <ion-icon name="arrow-dropright"></ion-icon> 
      </button>   
    </ion-item> 
</ion-list> 

製品の詳細は、二行目に表示されません。これは最初の行に詳細が右側に並んで表示されます。

Answer 1

はこれをしてくださいしてみてください。

<ion-list> 
    <ion-item *ngFor="let product of productArray"> 
     <p>{{product.name}}</p> 
     <p> 
      Rate: {{product.rate}} Tax : {{product.tax}} 
     </p> 
     <button ion-button icon-only item-right (click)='editProduct(product)'> 
      <ion-icon name="arrow-dropright"></ion-icon> 
     </button>   
    </ion-item> 
</ion-list>