ionic 4 ion-item 在同一行显示数据。如果数据太长，则只显示能显示的数据

Question

我正在使用 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>

Answer 1

试试这个

<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>

希望有用

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

html

javascript

css

ionic4

angular6