I am trying to bind the data in the same row in a nested array.
My Array of Objects
$scope.Record = [
{ Name:'Adam',
Months:[
{Month: 'Jan', Value: 10, cust:2},
{Month: 'Feb', Value: 30, cust:2}
{Month: 'March', Value: 30, cust:2}
{Month: 'April', Value: 50 , cust:2}
{Month: 'June', Value: 15 , cust:2}
] },
{ Name:'John',
Months:[
{Month: 'Jan', Value: 10 , cust:3},
{Month: 'Feb', Value: 30,, cust:6}
{Month: 'March', Value: 30,, cust:8}
{Month: 'April', Value: 50,, cust:13}
{Month: 'June', Value: 15,, cust:20}
] }
]
my View
<tr>
<th colspan="1">Customer</th>
<th colspan="2">January</th>
<th colspan="2">February</th>
<th colspan="2">March</th>
<th colspan="2">April</th>
<th colspan="2">May</th>
<th colspan="2">June</th>
</tr>
<tr>
<th>Name</th>
<th>Value</th>
<th>Cust</th>
</tr>
<tbody>
<tr ng-repeat="rc in Record">
<td ng-bind="rc.Name"></td>
<td ng-bind="rc.Months[0].Value"></td>
<td ng-bind="rc.Months[0].cust"></td>
</tr>
</tbody>
How to bind all the Months array of Object in the same row. I am trying all the things but not getting any luck.
Thank you
I updated your code and provided a working example here: https://jsfiddle.net/galeroy/z97u230v/25/
Here's the trick to implementing nested repeats in AngularJS
<tbody ng-repeat="rc in records">
<tr>
<td>{{rc.name}}</td>
<td colspan="2" ng-repeat="item in rc.months">
<span ng-if="item.value">val: </span> {{item.value}}
<span ng-if="item.value && item.cust">, </span>
<span ng-if="item.cust">cust:</span> {{item.cust}}
</td>
</tr>
</tbody>