ionic-angular
Version:
[](https://circleci.com/gh/driftyco/ionic)
33 lines (31 loc) • 933 B
HTML
---
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>