两行换行并在Angular中截断长文本的问题

Question

我在Angular中包装和截断长文本时遇到问题。我想将文本换成2行，如果长度超过2行，请在第二行的末尾添加“ ...”。我不能使用纯CSS，因为我的文字无法证明其正确性，因此应将其向左对齐。它也应该可以在Firefox中使用，因此我不能使用-webkit-line-clamp。我的文字以及我的文字的容器应具有响应性。

有人建议如何在Angular 7中处理它吗？

Answer 1

在Angular中，您可以编写ng-if语句来检查值的长度，如果该值大于某个数字，则添加省略号。

<span ng-if="textValue.length > 100" class="ng-scope">...</span>

要包装，您可以使用：

word-wrap: break-word; overflow-wrap: break-word;

有关更多信息，请参见此CSS技巧文章 https://css-tricks.com/almanac/properties/o/overflow-wrap/