Skip to content

Instantly share code, notes, and snippets.

@davidmaogomezz

davidmaogomezz/index.html

Last active September 16, 2015 18:28
Show Gist options
  • Save davidmaogomezz/9814d18edc99017dbabf to your computer and use it in GitHub Desktop.
Save davidmaogomezz/9814d18edc99017dbabf to your computer and use it in GitHub Desktop.
Download ZIP
ionic list search
Raw
index.html
<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>
Raw
script.js
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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: "[email protected]",
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