用途
新着
履歴
分類

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"]</pre>

<p class="down">小文字化</p>
<pre> | lowercase

大文字化

 | uppercase
公開 2019-08-03 12:40:15
このページの二次元コード
AngularJS リピートのフィルターいろいろ

人気のサンプル

search -  category -  about
© 2024 kipure
Top