2015-11-24 23:42:20 +01:00
|
|
|
<!doctype html>
|
2015-11-24 23:57:07 +01:00
|
|
|
<html lang="en" ng-app="phonecatApp">
|
2015-11-24 23:42:20 +01:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Angular tutorial</title>
|
|
|
|
|
<script src="vendor/angular/angular.min.js"></script>
|
2015-11-24 23:57:07 +01:00
|
|
|
<script src="assets/js/controllers.js"></script>
|
2015-11-25 01:29:11 +01:00
|
|
|
<link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.css"/>
|
2015-11-24 23:42:20 +01:00
|
|
|
</head>
|
|
|
|
|
|
2015-11-24 23:57:07 +01:00
|
|
|
<body ng-controller="PhoneListCtrl">
|
|
|
|
|
|
2015-11-25 01:29:11 +01:00
|
|
|
<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>
|
2015-11-24 23:42:20 +01:00
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
