how can I loop through the div tag with the following requirement
example I have a data as follows:
caldates: any[] = [
{'bdate':'5', 'wdate': '1', 'day' : '2'},
{'bdate':'6', 'wdate': '2', 'day' : '3' },
{'bdate':'7', 'wdate': '3', 'day' : '4'},
{'bdate':'8', 'wdate': '4', 'day' : '5'},
{'bdate':'9', 'wdate': '5', 'day' : '6'},
{'bdate':'10', 'wdate': '6', 'day' : '7'},
{'bdate':'11', 'wdate': '7', 'day' : '1'},
{'bdate':'12', 'wdate': '8', 'day' : '2'},
{'bdate':'13', 'wdate': '9', 'day' : '3'},
{'bdate':'14', 'wdate': '10', 'day' : '4'},
{'bdate':'15', 'wdate': '11', 'day' : '5'},
{'bdate':'16', 'wdate': '12', 'day' : '6'},
{'bdate':'17', 'wdate': '13', 'day' : '7'},
{'bdate':'18', 'wdate': '14', 'day' : '1'},
{'bdate':'19', 'wdate': '15', 'day' : '2'},
{'bdate':'20', 'wdate': '16', 'day' : '3'},
{'bdate':'21', 'wdate': '17', 'day' : '4'},
{'bdate':'22', 'wdate': '18', 'day' : '5'},
{'bdate':'23', 'wdate': '19', 'day' : '6'},
{'bdate':'24', 'wdate': '20', 'day' : '7'},
{'bdate':'25', 'wdate': '21', 'day' : '1'},
{'bdate':'26', 'wdate': '22', 'day' : '2'},
{'bdate':'27', 'wdate': '23', 'day' : '3'},
{'bdate':'28', 'wdate': '24', 'day' : '4'},
{'bdate':'29', 'wdate': '25', 'day' : '5'},
{'bdate':'30', 'wdate': '26', 'day' : '6'},
{'bdate':'1', 'wdate': '26', 'day' : '7'},
{'bdate':'2', 'wdate': '28', 'day' : '1'},
{'bdate':'3', 'wdate': '29', 'day' : '2'},
{'bdate':'4', 'wdate': '30', 'day' : '3'},
{'bdate':'5', 'wdate': '31', 'day' : '4'}
];
in the template file:
I would like to have a format by creating the column of table
create the row <tr> after every 5 columns <td>
<table>
<tr *ngFor="let d of
caldates><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
and repeat the above format until the end of data
</table>
basically I want to make seven columns and new row after that repeat the
same format.
I don't have a clue how to do it.
thanks in advance.
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
