ionic-angular/demos/directive/collectionRepeat/contacts/contacts.html

[](https://circleci.com/gh/driftyco/ionic)

---
name: contacts
component: collectionRepeat
---

<div ng-controller="MainCtrl">
  <ion-header-bar class="bar-positive">
    <h1 class="title">3000 Contacts B</h1>
    <button class="button clear" ng-click="data.search = ''">Clear</button>
  </ion-header-bar>
  <ion-header-bar class="bar-subheader item-input-inset">
    <label class="item-input-wrapper">
      <input type="text" ng-model="data.search" placeholder="Filter Contacts..." type="search">
    </label>
  </ion-header-bar>
  <ion-content direction="y">
    <ion-list>
      <div collection-repeat="item in contacts | filter:data.search | orderBy:'last_name' | ionLetterDividers:'last_name'"
        divider-collection-repeat
        force-refresh-images>
        <ion-item>
          <h2>{{item.first_name+' '+item.last_name}}</h2>
          <p>{{$index}}</p>
        </ion-item>
      </ion-item>
    </div>
  </ion-content>
</div>
<script>
</script>
</body>
</html>