AngularJS Directives - Using value in HTML attribute directly instead of needing to store on $scope.

directive.js

myApp.directive('statsList', function () {
    return {
        restrict: 'E',
        scope: {
            items: '=listType',
            orderBy: '@'
        },
        templateUrl: 'partials/partial1.html'
    };
});

index.html

<stats-list list-type="topDuration" order-by="duration"></stats-list>
<stats-list list-type="latest" order-by="start"></stats-list>

partial.html

<table class="table table-condensed">
    <thead>
    <tr>
        <th>Sensor Id</th>
        <th>Start</th>
        <th>Duration</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="item in items | orderBy:'value.' + orderBy:reverse=true">
        <td>{{item.value.sensorId}}</td>
        <td>{{item.value.start | date:'dd/MM @ H:mm'}}</td>
        <td>{{item.value.duration | msToSec | number | secAppendix}}</td>
    </tr>
    </tbody>
</table>