Создание HTML таблицы из файла .json

Question

Новый на Javascript и угловой, и я пытаюсь создать HTML таблицу выглядеть примерно ниже из файла .json с помощью углового:

BALLERI BB 990063 33589 33590 Число: 33591 IMMED 1836 1848 1860 01/15 1861 01/30 1862

STYLENAME2 BLK Дата M080 M085 M090 IMMED 12 11 01/15 12 12 01/30 13

{styleName:"BALLERI BB",           
colorCode:"90063",            
colorDesc:"PINK",            
construction:"81707",           
patternDesc:"ZAXY BALLERINA BABY",        
constDesc:" ",             
prodLine:"ZAXY",            
prodCat:"KID",             
yys:"20161",             
price:"  14.00",           
msrp:"   0.00",           
sizeDates:[ 
{                 
avSize:"33589",             
isCase:"Y",              
caseQty: 12,             
dates:[               
{                 
avDate:"IMMED",             
avQty:  1836             
}                 
]                 
}, 
{                 
avSize:"33590",             
isCase:"Y",              
caseQty: 12,             
dates:[               
{                 
avDate:"IMMED",             
avQty:  1848             
}                 
]                 
}, 
{                 
avSize:"33591",             
isCase:"Y",              
caseQty: 12,             
dates:[               
{                 
avDate:"IMMED",             
avQty:  1860             
},{                 
avDate:"01/15",             
avQty:  1861             
}, 
{                 
avDate:"01/30",             
avQty:  1862             
}                     
]                 
}    
] 
}, 
{styleName:"STYLENAME2",           
colorCode:"BLK",            
colorDesc:"BLACK",            
construction:"81717",           
patternDesc:"PATTERN DESC FOR STYLENAME2",        
constDesc:" ",             
prodLine:"ZAXY",            
prodCat:"KID",             
yys:"20161",             
price:"  14.00",           
msrp:"   55.00",           
sizeDates:[ 
{                 
avSize:"M080",             
isCase:"N",              
caseQty: 1,             
dates:[               
{                 
avDate:"IMMED",             
avQty:  12             
}                 
]                 
}, 
{                 
avSize:"M085",             
isCase:"N",              
caseQty: 1,             
dates:[               
{                 
avDate:"01/15",             
avQty:  12             
}                 
]                 
}, 
{                 
avSize:"M090",             
isCase:"N",              
caseQty: 1,             
dates:[               
{                 
avDate:"IMMED",             
avQty:  11             
},{                 
avDate:"01/15",             
avQty:  12             
}, 
{                 
avDate:"01/30",             
avQty:  13             
}                     
]                 
}    
] 
} 

Любая помощь будет принята с благодарностью.

Answer 1

Из того, что я вижу, вы запрашиваете данные из файла JSON, а затем добавляете данные в таблицы. В приведенном ниже примере показано, как получить данные из файла с именем «dataName.json», а затем сохраняет содержимое в «$ scope.tableContents»

$scope.tableContents; 

$http.get('dataSrc/dataName.json') 
.then(function successCallback(data){ 
    $scope.tableContents = data; 
    }, function errorCallback(err){ 
     console.log(err); 
}); 

Вы должны добавили $scope и $http к контроллеру затем использовать угловыми годов ng-repeat, чтобы помочь вам форматировать ваши данные. Прочтите полный документ здесь: https://docs.angularjs.org/api/ng/directive/ngRepeat