2015年4月27日月曜日

AngularJSで、繰り返しループでフィルター(Filtering Repeaters)

AngularJSで、繰り返しループでフィルター(Filtering Repeaters)です。簡易的な検索機能が実現できるというもの。

検索キーワード
<input type="text" ng-model="query" placeholder="Search">

<ul class="phones">
  <li ng-repeat="phone in phones | filter:query">
    {{phone.name}}
    <p>{{phone.snippet}}</p>
  </li>
</ul>

実際に設定してみたサイトがこちら



参考サイト
filter(AngularJS)
ngRepeat(AngularJS)

0 件のコメント:

コメントを投稿