ng repeat 不 return 来自 JSON 文件的变量

Question

我有以下 html 代码属于 AngularJS 框架中的模板：

   <ul class="sb-parentlist">
    <h1 class={{headerClass}}> Popular</h1><div data-ng-repeat="data in data track by $index">
    <li>
        <span class="sb-text-title"  href="#" ng-click="openFaq = ! openFaq"><b>{{data[$index].faq.frage |translate}}</b></span>
                    <span ng-show="openFaq" class="sb-text">
                         <br>
                         {{data[$index].faq.antwort |translate}}
                    </span>
    </li>
        </div>
    </ul>

在打印结果时，我在浏览器中正确获取了 "li" 个元素的数量，但变量未按应有的方式定义，出现空白条目。这是 JSON 条目：

   {

      "faq":
        {"frage":"HB_START_FAQ_Q",
          "antwort":"HB_START_FAQ_A"}
      ,
      "screencast":"HB_START_SCREENCAST"
    },
    {

      "faq":
        {"frage":"HB_START_FAQ_Q_1",
          "antwort":"HB_START_FAQ_A_1"}
      ,
      "screencast":"HB_START_SCREENCAST_1"
    },
    {

      "faq":
        {"frage":"HB_START_FAQ_Q_2",
          "antwort":"HB_START_FAQ_A_2"}
     ,
      "screencast":"HB_START_SCREENCAST_2"
    },
    {

      "faq":
        {"frage":"HB_START_FAQ_Q_3",
          "antwort":"HB_START_FAQ_A_3"}
     ,
      "screencast":"HB_START_SCREENCAST_3"
    }

我有兴趣获得嵌套项目。有什么想法吗？

Answer 1

因为 data 在集合名称和正在迭代的项目之间不明确 - 更改您的 ngRepeat 语法：

data-ng-repeat="item in data track by $index"

并使用item[$index]。我不完全确定你为什么不只是做 data.faq - 你需要在 $index

之前 select

ng repeat 不 return 来自 JSON 文件的变量

ng repeat does not return variable from JSON file

html

json

angularjs

ng-repeat