在AngularJS中的overflown隐藏元素div中包装单词

Question

我有一个div，里面的div是一些文字。我想要做的是如果文本超过2行，它将在最后一个单词后面添加一些点。这样的事情。

 __________________________________
|asdadasdasdadadaasdasdasdasdasdasd|
|asdadasdasdadadaasdasdasdasdasd...|
 __________________________________

<div class='project-name ' ng-if='true' >{{task.comment}}</div>

当点击div时，div将展开以查看整个div。

Answer 1

这取决于文字的类型。如果它是一个pre标签，有新行或者包装宽度很紧或者它是一个响应式站点（在这种情况下它必须是动态的，并且最好用css以某种方式解决）。 你应该做最适合自己的事情。也许自己的自定义过滤器是最好的

但也许最简单的就是

{{task.comment | limitTo:240}}

如果好的CSS神将实现http://www.w3.org/TR/css-overflow-3/#max-lines我们可以使用片段（新）和最大行（新）来在纯CSS中执行此操作