@thorikiriのてょりっきスマートフォン用の表示で見る@thorikiriのてょりっき@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです2013-01-31今更AngularJSでFilterを使ってみるangularjs今回はAngularJSのFilterを使ってみます。AngularJSで一覧表示などの繰り返し処理をするためには、ng-repeatに配列を指定することで実現出来ます。persons"のように繰り返ししたいHTML要素につけます。persons">{{person.name}}</li></ul>これだけでも大変便利ですが、AngularJSではUNIXのパイプのようにしてFilterをかけることが出来ます。filter:model名"のようにします。{{person.name_en}}</li></ul>このようにすると、入力中からデータの中を絞り込むことが出来ます。nameもname_enも対象になります。ローマ字だけで絞り込みたい場合には、ng-model="query.name_en"のようにします。絞り込むだけでなく、ソートもしたい場合には、orderByを指定します。orderBy:'birthday'。orderBy:'-birthday'とします。入力項目で選択する場合には、次の通りに指定します。{{person.birthday}}</li></ul>また、Filterは繰り返し処理だけでなく、普通に表示したい場合にも利用出来ます。uppercaseを指定すれば、大文字にして表示することも出来ます。uppercase}}</li></ul>簡単でしたね。18:27今更AngularJSでFilterを使ってみるTweet関連記事2015-04-08fluentdのELBログプラグインfluent-plugin-elb-logでProxyの壁を超え...DockerでFluentd+Elasticsearch+Kibanaをやっています。Worldをしてみたいと思います。はてなブログProフリーでプロのグラマーしています。パターン別構築・運用ガイドを読みました。夫婦で人間ドックに行ってきたLifeLogをシェアしてみた。フットボールライフ・ログサービススターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。