Angular 1.4 View Example

<div class="games">
    <div class="row page-head">
        <div class="col-xs-11">
            <h2>{{pageTitle}}</h2>
        </div>

        <div class="col-xs-1">
            <button class="btn btn-md btn-default refresh" data-ng-click="refreshGameScores()"><i class="glyphicon glyphicon-refresh" data-ng-class="{ 'spin': loading }" style="cursor:pointer"></i></button>
        </div>
    </div>
    <div class="row page-body" style="padding: 5px;">
        <div class="game col-sm-3 col-xs-12" data-ng-repeat="event in events">
            <div class="table full-width layout-fixed border-box">
                <div class="cell text-center">
                    <i class="weather" data-ng-class="::event.weatherCssClass" title="{{::event.weatherDescription}}"></i>
                    <div class="time">{{::event.eventStartDateTicks|date:'M/d'}} {{::event.eventStartDateTicks|date:'h:mm a'}}</div>
                    <span class="event-status ellipsis" data-ng-class="event.status.cssClass" title="{{event.status.caption}}">{{event.status.title}}</span>
                </div>
                <div class="cell text-center">
                    <span class="score">{{event.teams[0].Score}}</span>
                    <span class="team-name">{{::event.teams[0].Name}}</span>
                </div>
                <div class="cell text-center">
                    <span class="score">{{event.teams[1].Score}}</span>
                    <span class="team-name">{{::event.teams[1].Name}}</span>
                </div>
            </div>
        </div>
    </div>
</div>