Javascript和angular的新手，我正在尝试使用angular创建一个类似于下面的.json文件的html表：
BALLERI BB 990063 日期33589 33590 33591 Immed 1836 1848 1860 1861年1月15日 1862年1月30日
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
}
]
}
]
}
非常感谢任何协助。
答案 0 :(得分：0)
从我看到的，你是从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添加到控制器，然后使用angular的ng-repeat指令来帮助您格式化数据。请阅读完整文档：https://docs.angularjs.org/api/ng/directive/ngRepeat