【Angularjs】 ng-repeatのフィルター・ソート - watariseinの日記
フィルター「limitTo」 まずは表示数を制御する「limitTo」 ★の箇所がフィルターを利用している箇所です。 limitTo:3で、表示する件数を最大3件としています。 <table> <tr> <th>Part</th><th>Name</th><th>Title</th> </tr> <tr ng-repeat="jojo in jojos | limitTo:3"> ★ <td>{{jojo.part}}</td> <td>{{jojo.name}}</td> <td>{{jojo.title}}</td> </tr> </table> 並び替え「orderBy」 表示順を制御する「orderBy」 ★の箇所がソートを利用している箇所です。 「orderBy」で指定した配列名を主キーに並び替え表示されます。 下記の例では、orderBy:'title'で、名前順に昇順で表示し
AngularJSのフィルターを使ってみる
AngularJSのフィルター周りを試してみます。 uppercaseとlowercase 大文字や小文字に統一します。 HTML <div ng-controller="sampleCtrl"> <p>■そのまま表示</p> <ul> <li ng-repeat="character in loveplus"> {{character}} </li> </ul> <p>■uppercase</p> <ul> <li ng-repeat="character in loveplus"> {{character | uppercase}} </li> </ul> <p>■lowercase</p> <ul> <li ng-repeat="character in loveplus"> {{character | lowercase}} </li> </ul> </div> JavaScrip
配列からm～n件目の要素を取り出すには？（limitTo）
limitToフィルターを使って、配列の先頭から指定された件数だけ要素を取り出す方法を説明。応用例としてページング処理を実装する。
AngularJSのfilterフィルタの使い方
日立子会社 -> サイバーエージェント -> ミツカリ CTO。フルスタックITエンジニア。なんでもやります！ AngularJSには便利なフィルタという機能が存在します。特定のルールによって値をフォーマットしたり、絞り込んだりしてくれます。今日はそのフィルタの中でもfilterというフィルタ(filterフィルタ)の話をします。 filter一覧、まとめ AngularJSはデフォルトでいくつかのフィルタを持っています。 Filter components in ng filter, currency, numberなどいろいろありますが、currencyなんかわかりやすいと思います。与えた値に$をつけてくれるフィルタですね。 フィルタの説明は以下のサイトなんかが良いと思います。 AngularJS 地味だけど知っておきたい filter 機能 - Can I do web? 独自のフィ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
