angular.js - ng-repeat プロセス中に文字列の長さが指定された長さを超えて省略記号で表示された後、angularjs はコンテンツをどのように制御しますか?

Question

データは配列に保存されており、HTML ページに表示する必要があります。現在、ng-repeat を使用して表示されます。ただし、配列内のタイトル項目の文字長は比較的長いため、HTMLページ上でこの文字の表示を制限したい場合は、指定した長さ以降の内容が省略記号で表示されます。これを達成するにはどうすればよいでしょうか?

HTML ページ:

リーリー

データ形式は次のとおりです:

リーリー

Answer 1

フィルタから再投稿 - AngularJSで文字列の長さを制限する - コードログ

フィルターを作成します:

リーリー

使用方法:

{{some_text | cut:true:100:' ...'}}

パラメータ:

単語の切り取り方法 (ブール値) - true の場合、単一の単語のみが切り取られます。

length (整数) - 保持する最大単語数。
接尾辞 (文字列、デフォルト: '...') - 単語の末尾に追加されます。

---

または、他の人が書いたものを直接使用します: angular-truncate デモ

Answer 2

公式 API は https://docs.angularjs.org/api/ng/filter/limitTo です

HTMLテンプレートの例:

出力数値: {{数値|limitTo:numLimit }}

Answer 3

CSS を使用して直接解決しましょう。これは、行の折り返しを行わない、余分な部分を非表示にする、余分な部分に省略記号を表示するという 3 つの属性が必要です。 リーリー

Answer 4

angularjs フィルターをカスタマイズして長い文字列を切り取り、省略記号を追加します。デモのアドレス: http://www.jscssshare.com/#/sample/e6ao1zeH