残りのapiから取得したデータをanglejsで制限/切断する

Question

特定のオブジェクトの複数のフィールドデータを返す残りのAPIを使用しています。オブジェクトには通常2行以上の内容が含まれている説明フィールドが含まれています（htmlの基本タグが含まれているため、ng-bind-htmlを使用してそれをサニタイズしています）。残りのAPIを呼び出すことによって、私はangularjsを使ってui内のdescriptionフィールドの内容を表示しています。

私の要件は、ちょうど私がラインをカットするtext overflow:ellipsis techniqueを使用3つのドット（...）

<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> 

続く記述フィールドの内容から最初の行を表示することですが、問題は、すべての行がトリミングで印刷されていますwidth style size in <li> tag。

コンテンツを1行にカット/制限する方法

Answer 1

Try text-overflow: ellipsis;。