demo(collection-repeat): add filter

ionic-team · Apr 24, 2014 · 46f8a87 · 46f8a87
1 parent 501b555
commit 46f8a87
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/demos/collection-repeat/index.html b/demos/collection-repeat/index.html
@@ -13,16 +13,19 @@
 
 <body ng-controller="MainCtrl">
   <ion-header-bar class="bar-positive">
-    <h1 class="title">Try On a Phone</h1>
+    <h1 class="title">collection-repeat</h1>
     <a class="button" ng-click="scrollBottom(true)">
       Scroll Bottom
     </a>
   </ion-header-bar>
+  <ion-header-bar class="bar-light bar-subheader">
+    <input type="search" placeholder="Filter items..." ng-model="search">
+  </ion-header-bar>
   <ion-content>
     <ion-refresher on-refresh="onRefresh()"></ion-refresher>
     <div class="list">
       <div class="item"
-        collection-repeat="item in items"
+        collection-repeat="item in items | filter:search"
         ng-style="{height: getItemHeight($index)}"
         collection-item-height="getItemHeight($index)">
         {{item}}