eventman/angular_app/events-list.html

<!-- show a list of Events -->
<div class="container">
    <div class="row">
        <div class="col-lg-12">
            Search: <input ng-model="query">
            Sort by:
            <select ng-model="orderProp">
                <option value="title">Alphabetical</option>
                <option value="begin-datetime">Date</option>
            </select>
        </div>
    </div>
</div>

<div class="container">
    <table class="table">
        <thead>
            <tr>
                <td><strong>Event</strong></td>
                <td><strong>Actions</strong></td>
            </tr>
        </thead>
        <tbody>
        <tr ng-repeat="event in events | filter:query | orderBy:orderProp">
            <td>
                <span><strong><a href="/#/events/{{event._id}}">{{event.title}}</a></strong></span>
                <p>Begins: {{event['begin-datetime']}}<br/>
                Ends: {{event['end-datetime']}}</p>
            </td>
            <td>
                <button ng-click="remove(event._id)" type="button" class="btn btn-link glyphicon glyphicon-trash" aria-hidden="true"></button>
            </td>
        </tr>
        </tbody>
    </table>
</div>