ng-repeat-start example

using ng-repeat-start

HTML

<script src="http://fonts.googleapis.com/css?family=Droid+Sans:400,700"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script>
<div ng-controller="MainCtrl as ctrl">
    <table border="1">
        <tr ng-repeat="note in ctrl.notes">
            <td ng-if="$index%3==0">{{note.label}}</td>
        </tr>
        <tr ng-repeat-end>
            <td>Done: {{note.done}}</td>
        </tr>
    </table>
</div>

CSS

* {
    font-family:'Droid Sans', sans-serif;
}
#log {
    margin-top:10px;
    font-size:10px
}

JavaScript

angular.module('notesApp', [])
     .controller('MainCtrl', [function () {
     var self = this;
     self.notes = [{
         id: 1,
         label: 'First Note',
         done: false
     }, {
         id: 2,
         label: 'Second Note',
         done: false
     }, {
         id: 3,
         label: 'Finished Third Note',
         done: true
     }];
 }]);