JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<table border="1" width="100%">
<tr>
<th>Id</th>
<th>materialNumber</th>
<th>quantity</th>
</tr>
<tbody ng-repeat="subConfig in values.subConfigs.subConfig">
<tr ng-repeat="lineItem in subConfig.lineItems.lineItem">
<td>{{lineItem.lineItemId}}</td>
<td>{{lineItem.materialNumber}}</td>
<td>{{lineItem.quantity}}</td>
</tr>
</tbody>
</table>
JavaScript
var myApp = angular.module("app", []);
myApp.controller("demoCtrl", function($scope){
$scope.values = [
"status": "SUCCESS",
"message": "Config BOM operation has been completed successfully",
"configBOM": {
"ucid": "1103026620-01",
"opportunityId": null,
"subConfigs": {
"subConfig": [
{
"subConfigId": "E9E52BB79654BB2A6AEC546FD3465EE9",
"sequence": "1",
"subConfigName": "Untitled Configuration 1",
"lineItems": {
"lineItem": [
{
"lineItemId": "1",
"materialNumber": "836737-B21",
"quantity": "1",
"timeProfile": null,
"listPrice": ""
},
{
"lineItemId": "2",
"materialNumber": "819844-L21",
"quantity": "1",
"timeProfile": null,
"listPrice": ""
},
{
"lineItemId": "3",
"materialNumber": "805347-B21",
"quantity": "1",
"timeProfile": null,
"listPrice": "329.0"
},
{
"lineItemId": "6",
"materialNumber": "U8BF0E",
"quantity": "1",
"timeProfile": null,
"listPrice": "1961.0"
}
]
}
},
{
"subConfigId":...