DanWahlin/index.html

## index.html
<html ng-app="app">
<body>
	<div ng-controller="CustomersController">
		Name: <input type="text" ng-model="searchText" /> {{ searchText }}
		<br />

		<ul>
			<li ng-repeat="person in people | filter:searchText | orderBy:'name' track by person.id">
				{{ ::person.name }} - {{ ::person.city }}
			</li>
		</ul>

	</div>


	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
	<script>
		angular
		.module('app', [])
		.controller('CustomersController', CustomersController);

		function CustomersController($scope) {
			$scope.people=[
				{id: 1, name: 'Ward', city: 'San Francisco'},
				{id: 2, name: 'Shirley', city: 'Phoenix'},
				{id: 3, name: 'John', city: 'Orlando'},
				{id: 4, name: 'Buttercup', city: 'La La Land'}
			];

			$scope.searchText = '';
		}

	</script>
</body>
</html>
	<html ng-app="app">
	<body>
	<div ng-controller="CustomersController">
	Name: <input type="text" ng-model="searchText" /> {{ searchText }}
	<br />

	<ul>
	<li ng-repeat="person in people \| filter:searchText \| orderBy:'name' track by person.id">
	{{ ::person.name }} - {{ ::person.city }}
	</li>
	</ul>

	</div>


	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
	<script>
	angular
	.module('app', [])
	.controller('CustomersController', CustomersController);

	function CustomersController($scope) {
	$scope.people=[
	{id: 1, name: 'Ward', city: 'San Francisco'},
	{id: 2, name: 'Shirley', city: 'Phoenix'},
	{id: 3, name: 'John', city: 'Orlando'},
	{id: 4, name: 'Buttercup', city: 'La La Land'}
	];

	$scope.searchText = '';
	}

	</script>
	</body>
	</html>