2016-05-08 11 views
0

私は角度が非常に良くなく、まだ学習していないと告白するのが好きです。私は巨大なデータを読み込む必要があり、ドロップダウンで表示する必要があります。私はドロップダウン・エンドでページネーションを行うことができれば好きです。私はこのサイトから取られたカスタムドロップダウンで作業していますhttp://developers.dss.ucdavis.edu/angularjs-serachable-multiselect-dropdown-directive/カスタムマルチ選択ドロップダウンに数値ページネーションリンクを埋め込む方法

上記のカスタムマルチ選択ドロップダウンにはページネーションリンクを表示する機能がありません。したがって、問題はユーザーが最小データを表示することはできず、次のデータセットをロードするために必要に応じて他のリンクをクリックすることはできません。カスタムディレクティブにページ区切り機能を追加するコードを追加することは誰も心配していません。

私は20データを読み込み、次のページデータリンクをクリックして次の20データを読み込むことができます。私は人々がすでに角ページ区切り命令を開発しているのを見ました。ここでは1つの同様のリンクですhttp://angularjs4u.com/pagination/top-5-angularjs-pagination-demos-2014/したがって私は角度が新しいので、別のカスタムマルチ選択ドロップダウンディレクティブでカスタムページ区切りディレクティブを追加する方法を理解していません。

これを達成する方法がわかっている人は、本当に助けになるでしょう。ありがとう

答えて

1

ブログで使用しているのと同じUIブートストラップでは、改ページ指示があります。

Here's a Plunkr

ここではいくつかの重要なポイントは以下のとおりです。

  1. 通常ngのリピートは、ページ分割と一緒に検索フィルタの更新を可能にするために濾過変数として設定されています。あなたはちょうどui bootstrap pagination <uib-pagination total-items="filtered.length">

+0

に従う必要があります次に、リスト

...) | limitTo:limit:begin 

に改ページを設定するには、 "limitTo" を設定し、フィルタの後に同じ繰り返しで

ng-repeat="item in filtered = (allItems | filter: ... 
  • plunkrのページを見たら、ツールチップが別の場所に表示されていました。ドロップダウンの頭にマウスポインタを置くだけです。それから気づく必要があります。 'filtered.length'はどこから来ますか?あなたの時に答えてください。たくさんthnaks :) – Mou

  • +0

    デモ・コードには常に配置と配置の問題があります。http://plnkr.co/edit/1cQXdZ4OfxLpAkodU5Kl?p=preview :) – Dylan

    関連する問題