A Pen by Luis Ramos on CodePen.
Last active
September 16, 2015 18:28
-
-
Save davidmaogomezz/9814d18edc99017dbabf to your computer and use it in GitHub Desktop.
ionic list search
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html ng-app="ionicApp"> | |
| <head> | |
| <title>Ionic Accordion</title> | |
| </head> | |
| <body ng-controller="MyCtrl"> | |
| <ion-header-bar class="bar-positive"> | |
| <h1 class="title">Ionic List</h1> | |
| </ion-header-bar> | |
| <ion-content> | |
| <ion-list> | |
| <ion-item> | |
| <label class="item item-input"> | |
| <i class="icon ion-search placeholder-icon"></i> | |
| <input type="text" ng-model="input.filterUser" placeholder="Search"> | |
| </label> | |
| </ion-item> | |
| <ion-item class="item-avatar" ng-repeat="user in groups | filter:input.filterUser"> | |
| <img src="{{user.avatar}}"> | |
| <h2>{{user.name}}</h2> | |
| <p>{{user.fullname}} | |
| {{user.email}}</p> | |
| </ion-item> | |
| </ion-list> | |
| </ion-content> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('ionicApp', ['ionic']) | |
| .controller('MyCtrl', function($scope) { | |
| $scope.input = {}; | |
| $scope.groups = [ | |
| { | |
| index: 1, | |
| index_start_at: 56, | |
| integer: 0, | |
| float: 15.1249, | |
| name: "William", | |
| surname: "Hayes", | |
| fullname: "Grace Beatty", | |
| email: "francis@livingston.es", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes5/nose4/mouth2/F50057" | |
| }, | |
| { | |
| index: 2, | |
| index_start_at: 57, | |
| integer: 34, | |
| float: 15.1223, | |
| name: "James", | |
| surname: "Jennings", | |
| fullname: "Hilda Gross", | |
| email: "maurice@blackwell.fj", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes4/nose6/mouth4/81D4FA" | |
| }, | |
| { | |
| index: 3, | |
| index_start_at: 58, | |
| integer: 34, | |
| float: 16.4315, | |
| name: "Judith", | |
| surname: "Silverman", | |
| fullname: "Bruce Kern", | |
| email: "bernice@creech.tg", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes6/nose3/mouth2/5C6BC0" | |
| }, | |
| { | |
| index: 4, | |
| index_start_at: 59, | |
| integer: 17, | |
| float: 11.1276, | |
| name: "Greg", | |
| surname: "Fitzpatrick", | |
| fullname: "Heather Bowers", | |
| email: "lloyd@brown.mr", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes5/nose2/mouth6/80DEEA" | |
| }, | |
| { | |
| index: 5, | |
| index_start_at: 60, | |
| integer: 1, | |
| float: 17.9022, | |
| name: "Teresa", | |
| surname: "McLean", | |
| fullname: "Leon Baker", | |
| email: "natalie@townsend.bd", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes5/nose2/mouth6/C2185B" | |
| }, | |
| { | |
| index: 6, | |
| index_start_at: 61, | |
| integer: 36, | |
| float: 15.6841, | |
| name: "Emily", | |
| surname: "Lassiter", | |
| fullname: "Virginia Pittman", | |
| email: "jordan@beck.am", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes5/nose1/mouth8/1E88E5" | |
| }, | |
| { | |
| index: 7, | |
| index_start_at: 62, | |
| integer: 39, | |
| float: 12.5938, | |
| name: "Don", | |
| surname: "Sinclair", | |
| fullname: "Ashley Richards", | |
| email: "carl@brady.zm", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes8/nose6/mouth8/80CBC4" | |
| }, | |
| { | |
| index: 8, | |
| index_start_at: 63, | |
| integer: 36, | |
| float: 17.7403, | |
| name: "Hazel", | |
| surname: "Livingston", | |
| fullname: "Gloria O", | |
| email: "nina@payne.tn", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes6/nose7/mouth5/81C784" | |
| }, | |
| { | |
| index: 9, | |
| index_start_at: 64, | |
| integer: 42, | |
| float: 10.9644, | |
| name: "Regina", | |
| surname: "Braun", | |
| fullname: "Monica Casey", | |
| email: "annie@parrott.kg", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes3/nose5/mouth4/AED581" | |
| }, | |
| { | |
| index: 10, | |
| index_start_at: 65, | |
| integer: 21, | |
| float: 18.6158, | |
| name: "Leroy", | |
| surname: "Pritchard", | |
| fullname: "Gretchen Sharpe", | |
| email: "florence@sinclair.in", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes3/nose4/mouth3/E91E63" | |
| }, | |
| { | |
| index: 11, | |
| index_start_at: 66, | |
| integer: 18, | |
| float: 13.872, | |
| name: "Pauline", | |
| surname: "Neal", | |
| fullname: "Dorothy Newton", | |
| email: "laurence@ballard.sz", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes5/nose5/mouth2/9C27B0" | |
| }, | |
| { | |
| index: 12, | |
| index_start_at: 67, | |
| integer: 3, | |
| float: 15.8514, | |
| name: "Gene", | |
| surname: "Lindsay", | |
| fullname: "Dana Baker", | |
| email: "tracy@dunn.ye", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes3/nose2/mouth5/DCE775" | |
| }, | |
| { | |
| index: 13, | |
| index_start_at: 68, | |
| integer: 41, | |
| float: 16.4937, | |
| name: "Kerry", | |
| surname: "Vick", | |
| fullname: "Alan Olson", | |
| email: "tracy@mcknight.ca", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes8/nose4/mouth8/FFEE58" | |
| }, | |
| { | |
| index: 14, | |
| index_start_at: 69, | |
| integer: 21, | |
| float: 13.1789, | |
| name: "Gayle", | |
| surname: "Pridgen", | |
| fullname: "Victor Lowe", | |
| email: "jenny@clements.as", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes3/nose4/mouth8/F44336" | |
| }, | |
| { | |
| index: 15, | |
| index_start_at: 70, | |
| integer: 8, | |
| float: 11.8803, | |
| name: "Dwight", | |
| surname: "Boykin", | |
| fullname: "Norman Koch", | |
| email: "william@langston.mp", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes5/nose2/mouth2/607D8B" | |
| }, | |
| { | |
| index: 16, | |
| index_start_at: 71, | |
| integer: 43, | |
| float: 18.5865, | |
| name: "Willie", | |
| surname: "Stevenson", | |
| fullname: "Phyllis Knowles", | |
| email: "hannah@mullen.hn", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes4/nose4/mouth3/C2185B" | |
| }, | |
| { | |
| index: 17, | |
| index_start_at: 72, | |
| integer: 31, | |
| float: 17.4754, | |
| name: "Dianne", | |
| surname: "Harmon", | |
| fullname: "Steve Maynard", | |
| email: "lois@harris.in", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes5/nose7/mouth3/C2185B" | |
| }, | |
| { | |
| index: 18, | |
| index_start_at: 73, | |
| integer: 40, | |
| float: 18.2622, | |
| name: "Tammy", | |
| surname: "Best", | |
| fullname: "Luis Padgett", | |
| email: "luis@katz.gn", | |
| bool: true, | |
| avatar: "http://api.adorable.io/avatars/face/eyes6/nose3/mouth6/C2185B" | |
| }, | |
| { | |
| index: 19, | |
| index_start_at: 74, | |
| integer: 17, | |
| float: 10.0619, | |
| name: "Pat", | |
| surname: "Finch", | |
| fullname: "Michelle Cherry", | |
| email: "vicki@spivey.lv", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes3/nose1/mouth4/FF3D00" | |
| }, | |
| { | |
| index: 20, | |
| index_start_at: 75, | |
| integer: 14, | |
| float: 17.1471, | |
| name: "Laura", | |
| surname: "Dougherty", | |
| fullname: "Joanne McKenna", | |
| email: "louise@stevens.ms", | |
| bool: false, | |
| avatar: "http://api.adorable.io/avatars/face/eyes6/nose5/mouth8/BDBDBD" | |
| } | |
| ]; | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment