<!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>