我有一个结构如下所示的大型 JSON 文件,我试图在 Angular 中对其进行循环:
{
"subject1":[
{
"title":"titlehere",
"info":"infohere."
}],
"subject2":[
{
"title":"titlehere",
"info":"infohere."
}],
"subject3":[
{
"title":"titlehere",
"info":"infohere."
}]
}
我希望我的页面获取每个“类别”的键,然后在其下方显示标题。我能够获得显示的 key ,但我似乎无法弄清楚如何获取每个标题的字符串。这是我的 HTML 中的内容:
<div ng-repeat="(key, value) in faqs">
<h3>{{ key }}</h3>
<ul>
<li><a href="#" ng-click="showHide(pageInfo)">{{ value }}</a></li>
</ul>
</div>
我不确定我应该使用什么来代替 {{ value }}
,它只抓取整个 JSON 文件作为一个字符串。我尝试了 {{ value.title }}
但仍然没有成功。
有什么建议吗?
最佳答案
使用 {{ value[0].title }}
你的代码是
<div ng-repeat="(key, value) in faqs">
<h3>{{ key }}</h3>
<ul>
<li ng-repeat="val in value"><a href="#" ng-click="showHide(pageInfo)">{{ val.title }}</a></li>
</ul>
</div>
关于javascript - 使用 Angular 遍历多个 json 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31380018/