<!doctype html>
<html lang="en" ng-app="phonecatApp">
<head>
<meta charset="utf-8">
<title>Angular tutorial</title>
<script src="vendor/angular/angular.min.js"></script>
<script src="assets/js/controllers.js"></script>
<link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.css"/>
</head>
<body ng-controller="PhoneListCtrl">
<div class="container-fluid">
<div class="col-md-2">
Search: <input ng-model="query"/>
Sort by:
<select ng-model="orderProp">
<option value="name">Name</option>
<option value="age">Age</option>
</select>
</div>
<div class="col-md-10">
<ul>
<li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
<span>{{phone.name}}</span>
<p>{{phone.snippet}}</p>
</li>
</ul>
</div>
</div>
</body>
</html>