国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

angular.js - ng-repeat プロセス中に文字列の長(zhǎng)さが指定された長(zhǎng)さを超えて省略記號(hào)で表示された後、angularjs はコンテンツをどのように制御しますか?
僅有的幸福
僅有的幸福 2017-05-15 16:51:55
0
4
795

データは配列に保存されており、HTML ページに表示する必要があります?，F(xiàn)在、ng-repeat を使用して表示されます。ただし、配列內(nèi)のタイトル項(xiàng)目の文字長(zhǎng)は比較的長(zhǎng)いため、HTMLページ上でこの文字の表示を制限したい場(chǎng)合は、指定した長(zhǎng)さ以降の內(nèi)容が省略記號(hào)で表示されます。これを達(dá)成するにはどうすればよいでしょうか?

HTML ページ:

リーリー

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

リーリー
僅有的幸福
僅有的幸福

全員に返信(4)
為情所困

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

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

リーリー

使用方法:

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

パラメータ:

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

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

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

過去多啦不再A夢(mèng)

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

HTMLテンプレートの例:

出力數(shù)値: {{數(shù)値|limitTo:numLimit }}

為情所困

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

迷茫

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

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート