定番
新着
履歴

AngularJS リピートのフィルターいろいろ

AngularJS リピートのフィルターいろいろ

以下のようなAngularJSのリピートの構文を使う場合様々なフィルターが用意されています。

<div ng-repeat="item in items | filter : 'あ'">
      {{item.title}}
</div>

オブジェクト全体、部分一致

 | filter : 'あ'

否定条件、部分不一致

 | filter : '!あ'

完全一致

 | filter : 'あ' : true"

配列のプロパティを指定して部分一致

 | filter : { title: 'あ', article: 'い' }"

テキスト入力によるフィルター

<input type="text" ng-model="query.title">
 | filter:query

フィルターの結合

 | filter:query | filter:query2

ソート、並べ替え

アルファベット順、昇順

 | orderBy: 'name'

アルファベット逆順、降順

 | orderBy: '-name'"

上位件数指定

 | limitTo: 10"

下位件数指定

 | limitTo: -10"

小文字化

 | lowercase

大文字化

 | uppercase
2018-07-22 11:05:13
このページの二次元コード

関連するサンプル

人気記事ランキング

© 2018 kipure
Top