Ionic ion-text-wrap: удалите elipsis и перейдите к следующей строке для метки

Question

Надеюсь, это простое исправление, но я новичок в Ionic, и я просмотрел их документы, а также много постов в стеке, но, похоже, не могу это исправить.

Итак, я получил дефектот команды тестирования, у меня есть ярлык

Детали решения

представлены как

Решение ..

на всех платформах и устройствах.

Я хотел бы иметь возможность просматривать весь текст, а также решения, которые его часть принимают на новой строке вместо elipsis.

В то же время я хотел бы сохранить то же форматирование, что и для других меток, которые используют ion-text-wrap.

Вот код:

  <ion-item>
    <ion-label class="ion-text-wrap" class="bold">Decision </ion-label>
    <ion-label class="ion-text-wrap"> {{ excursion.excursionDecision }} </ion-label>

    <ion-label *ngIf="showCommentArray[i]" class="ion-text-wrap" class="decision" class="bold" button (click)="presentModal(i)">Decision Details</ion-label>
    <ion-label *ngIf="showCommentArray[i]" button (click)="presentModal(i)"
      ><ion-icon name="arrow-forward" class="commentsArrow"></ion-icon
    ></ion-label>

    <ion-label *ngIf="showCommentArray[i] === false"></ion-label>
    <ion-label *ngIf="showCommentArray[i] === false"></ion-label>
  </ion-item>
</div>

Есть простойспособ удалить elipsis и убедиться, что метка переходит на следующую строку и отображается полностью?

Спасибо за любую помощь, спасибо!

Answer 1

Исправлено добавлением CSS:

.decision {
white-space: pre-line;
font-weight: bold;
}