簡體   English   中英

ionic 4 ion-item 在同一行顯示數據。 如果數據太長,則只顯示可以顯示的數據

[英]ionic 4 ion-item display data on same line. If data is too long, then display only data that can be displayed

我正在使用 ion-item 來顯示一些數據。 問題是數據太長,所以它顯示在多行上。 我想要的是在一行上顯示數據。 不能顯示在一行上的數據不應顯示。 我發布了一張來自 Flipkart 的圖片,它在一行上顯示了用戶的地址。 無法在一行上顯示的地址部分尚未顯示。

先感謝您

這是我的代碼:

<div *ngIf="yes_address">

      deliver to - {{pincode}} <br>

      <ion-item (click)="address_modal()">
        <p>
        {{address_line1}} , {{address_line1}} , {{landmark}} ,{{city}} , {{state}} -  {{pincode}}
      </p>
      <ion-button slot="end">change</ion-button>
        </ion-item>
    </div>

在此處輸入圖片說明

嘗試這個

<div *ngIf="yes_address">

      deliver to - {{pincode}} <br>

      <ion-item (click)="address_modal()">
        <ion-label>
        {{address_line1}} , {{address_line1}} , {{landmark}} ,{{city}} , {{state}} -  {{pincode}}
      </ion-label>
      <ion-button slot="end">change</ion-button>
        </ion-item>
    </div>

希望它有效

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM