eventman/angular_app/persons-list.html

<!-- show a list of Persons -->
<div class="container">
    <div class="row">
        <div class="col-lg-12">
            Search: <input ng-model="query">
            Sort by:
            <select ng-model="orderProp">
                <option value="name">Alphabetical</option>
                <option value="id">ID</option>
            </select>
        </div>
    </div>
</div>

<div class="container">
    <table class="table">
        <thead>
            <tr>
                <td><strong>Name</strong></td>
                <td><strong>Actions</strong></td>
            </tr>
        </thead>
        <tbody>
        <tr ng-repeat="person in persons | filter:query | orderBy:orderProp">
            <td>
                <span><strong><a href="/#/persons/{{person._id}}"><span>{{person.name}}</span>&nbsp;<span>{{person.surname}}</span></a></strong></span>
                <p>{{person.email}}</p>
            </td>
            <td>
                <button ng-click="remove(person._id)" type="button" class="btn btn-link glyphicon glyphicon-trash" aria-hidden="true"></button>
            </td>
        </tr>
        </tbody>
    </table>
</div>