Вид списка, не отображающий правильный текст

Question

Я хочу создать один вид списка в гибридном мобильном приложении. В каждой ячейке я хочу добавить данные больше, чем их ширина. Я хочу отобразить только одну строку, и оставшиеся данные будут скрыты. В этой строке я хочу отображать только полные слова, не хочу, чтобы какое-либо слово было усечено.

Я использую ионный каркас с угловым.

У меня есть одно решение, но это также усекает слова, то есть многоточие.

Пример: мое требование В List View Cell вывод должен быть «Четыре счета и семь лет назад наши отцы вывел на этом континенте, новый» не «Четыре SCORE и семь лет назад наши отцы, рожденные на этом континенте, пе ».

Answer 1

К счастью, существует ионный класс css для достижения того, что вам нужно. Используйте item-text-wrap класс на список вашего пункта, как так:

<div class="item item-text-wrap"> 
    This is a basic Card which contains an item that has wrapping text. 
</div> 

или

<ion-item class="item-text-wrap"> 
{{textThatMayBeTooLong}} 
</ion-item> 

см here для справки.