javascript - 限制/剪切从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剪掉线条，但问题是每行打印时都被 trim 为 width style size in <li> tag .

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

Answer 1

尝试text-overflow: ellipsis;。