限制/剪切从angularjs中rest api获取的数据

Question

我正在使用rest api，它返回某个对象的多个字段数据。一个对象包含一个描述字段，其中通常包含2行以上的内容（包含html基本标签，所以我使用ng-bind-html进行消毒）。通过调用rest api，我使用angularjs在ui中打印描述字段的内容。

我的要求是只显示从描述字段内容的第一行，随后三个点（...）

<li style="text-overflow: ellipsis; white-space: nowrap; width: 500px; overflow: hidden;"> 
       <h5><span>Description: </span><span ng-bind-html="record.description" style="font-size:15px;"></span></h5> 
    </li> 

我用text overflow:ellipsis technique切割线，但问题是每一行与修剪打印到width style size in <li> tag。

如何将内容剪切/限制为单行？

Answer 1

尝试text-overflow: ellipsis;。