<div class="container" ng-app="prideSearchApp">
<div ng-controller="PrideSearchCtrl">Search:
<input ng-model="query" type="text" />
<table class="table">
<tr>
<th> <a href="" ng-click="sortField ='accession'; reverse = !reverse">Accession</a>
</th>
<th> <a href="" ng-click="sortField = 'publicationDate'; reverse = !reverse">Publication date</a>
</th>
<th> <a href="" ng-click="sortField = 'species'; reverse = !reverse">Species</a>
</th>
<th> <a href="" ng-click="sortField = 'title'; reverse = !reverse">Title</a>
</th>
</tr>
<tr ng-repeat="project in projects | filter:query | orderBy:sortField:reverse">
<td>{{project.accession}}</td>
<td>{{project.publicationDate}}</td>
<td>{{project.species}}</td>
<td>{{project.title}}</td>
</tr>
</table>
</div>
</div>