タグ

ブックマーク / wordpress.honobono-life.info (1)

  • AngularJSとBootstrap3を使ってページング | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで

    AngularJSとBootstrap3を使って一覧データをページングで表示するサンプルコードを作成しました。 デモとコードサンプルはこちら。 Bootstrap3によるCSS設定、AngularJSのビルトインフィルター、カスタムフィルターなど様々な機能を使用していてコードが少し長くなっているので、3段階のステップに分けて作成しています。 ※目次をクリックすると目次の下部にコンテンツが表示されます。 1.配列データをオフセットと表示個数を指定して表示 2.配列データをページングで表示 3.ページリンクのCSS設定 一覧情報をページ化して表示するには、オフセット(配列内のどのデータから表示するか)と表示個数を制御する必要があります。 まず、AngularJSのフィルターを使って、配列内のデータからオフセットと表示個数を指定して表示するサンプルを作成します。 表示個数は、下記のようにビルトイ

  • 1