限制/剪切從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;。