列表视图没有显示正确的文本

Question

我想在Hybrid Mobile Application中创建一个列表视图。在每个Cell我想要添加超过其宽度的数据。我想只显示一行，其余数据将被隐藏。在那一行我想只显示完整的单词，不希望任何单词被截断。

我正在使用Angular的离子框架。

我也有一个解决方案，但也会截断单词，即省略号。

示例：我的要求是 在列表视图单元格中，输出应＆＃34;四年前和七年前我们的父亲在这个大陆带来了一个新的＆＃34; 不＆＃34;四年前和七年前我们的父亲在这个大陆带来了一个新的＆＃34;

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以供参考。