Struggling with binding data from a nested array in the same row.
Here is 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}
] }
]
This is how it looks in 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>
Any advice on how to bind all the Months array of Objects in the same row would be greatly appreciated. I've tried everything without success.
Thank you!