javascript - 使用 Angular 遍历多个 json 数组

Question

我有一个结构如下所示的大型 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 }} 但仍然没有成功。

有什么建议吗？

Answer 1

使用 {{ 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>