For example, to generate the same rows:
<div class= "Panel-body" > <ul class= "List-group" > <li ng-repeat= "timesheet in Timesheetsoverview | filter:isworking | Orderbydate: ' Date ': true "class=" List-group-item "ng-click=" $parent. Goweek (timesheet.date) "Ng-include=" Timeitem.html ' "> </li> </ul> </div>
Template:
<script type= "Text/ng-template" id= "timeitem.html" > <div class= "Row row-2" > <div class= "col-xs-10 "> <div class=" Overflow-panel "> <div class=" ver-mid-panel Overflow "> <span class= "Font-blue" >{{timesheet.startdatestring}}-{{timesheet.enddatestring}} {{timeSheet.yearString}} </span> <br/> <span class= "Font-small" >week {{Timesheet.weeknumbe r}}</span> </div> </div> </div> <div class= "Col-xs-2" &G T <div class= "Pull-right" > <div class= "Ver-mid-panel" > <span class= "font-bl UE ">{{timesheet.totalhours | number:2}}</span> <br/> <br/> </div> </div> </div> </div></script>
AngularJS using templates