如何在angularjs中使用ng repeat迭代json数据

如何在angularjs中使用ng repeat迭代json数据

{

“CSS公司”：{

},

“SSSPL”：{

},

---

}你的问题很广泛。您首先必须将这些JSON数据附加到控制器的作用域，并通过变量

myData

将其暴露到模板中。假设您知道如何做到这一点，那么使用

ng repeat

就变得非常简单（添加更多列或行以适合您的数据集）：

标题1
{{item}}

使用

---

语法：

假设JS中有一个JSON对象数组，如下所示

var arrayObject = [
"CSS Corp":{
"COE":{"win_loss":[6,4]},
"YNOS":{"win_loss":[5,5]},
"ESTEE":{"win_loss":[10,0]},
"ELC":{"win_loss":[8,2]}
},
"SSSPL":{
"PEG":{"win_loss":[0,10]},
"ARUBA":{"win_loss":[2,8]},
"SALES":{"win_loss":[1,9]},
"MARKETING":{"win_loss":[7,3]}
}
];

<div ng-repeat="company in arrayObject">
{{company}} // use whatever you want to print
</div>

那么您的视图应该如下迭代：

var arrayObject = [
"CSS Corp":{
"COE":{"win_loss":[6,4]},
"YNOS":{"win_loss":[5,5]},
"ESTEE":{"win_loss":[10,0]},
"ELC":{"win_loss":[8,2]}
},
"SSSPL":{
"PEG":{"win_loss":[0,10]},
"ARUBA":{"win_loss":[2,8]},
"SALES":{"win_loss":[1,9]},
"MARKETING":{"win_loss":[7,3]}
}
];

<div ng-repeat="company in arrayObject">
{{company}} // use whatever you want to print
</div>

{{company}}//使用您想要打印的任何内容

我把这个拿出来的可能是重复的吗？标题1{“COE”：{“win_loss”：[6,4]}，“YNOS”：{“win_loss”：[5,5]}，“ESTEE”：{“win_loss”：[10,0]}，“ELC”：{“win_loss”：[8,2]}{“win loss”：[0,10]}，“ARUBA”：{“win loss”：[2,8]}，“SALES”：{“win loss”：[1,9]}，“MARKETING”：{“win loss”：[7,3]}您只显示了原始数据。我们需要知道的是你想怎么处理？在最终输出中它必须是什么样子？JSON本身有嵌套，那么您希望如何显示嵌套的赢-输数据等？我给出的答案是一个总的指导方针；你必须调整它以使其工作。在任何情况下，此链接也将帮助您：相同的输出兄弟？你的投入是什么。它是数组还是数组？你的预期产出是多少？

<div ng-repeat="company in arrayObject">
{{company}} // use whatever you want to print
</div>