Javascript 带有ng repeat表的嵌套数据

我需要一些帮助来创建一个表，使用angularjs来构建我的表。这里的问题是我的数据有多个嵌套级别，我的问题是我无法显示最内层的级别。在此示例中，未显示任务记录。这是我的代码的修改版本，在我的指令中被定义为templateUrl

HTML:

---

因为您正在尝试执行非嵌套的嵌套

ng repeat

，所以您基本上有（简化的）：

---

您必须将

ng repeat

与

ap.tasks

一起移动到

ap

的范围内-现在它不在范围内。

我认为这可能是您希望做的事情。您需要嵌套ng repeat start，如下所示

<tr ng-repeat-start="thing in app.things">
    <td>{{thing.label}}</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr ng-repeat-start="action in thing.actions">
    <td>{{thing.label}}</td>
    <td>{{action.label}}</td>
    <td>&nbsp</td>
  </tr>
  <tr ng-repeat-end ng-repeat="task in action.tasks">
    <td>{{thing.label}}</td>
    <td>{{action.label}}</td>
    <td>{{task.label}}</td>
  </tr>
  <tr ng-repeat-end></tr></tr>

{{thing.label}
{{thing.label}
{{action.label}
 
{{thing.label}
{{action.label}
{{task.label}

---

谢谢！。。。这正如预期的那样有效。最后的空tr是丢失的部分。

[
 {
    "event_id": "23",
    "event_number": "EVT-00000023",
    "title": "Test%20kc%20ml",
    "action_plans":
    [
      {
        "event_id": "23",
        "action_plan_id": "46",
        "action_plan_number": "AP-00000046",
        "title": "What we do next is this.",
        "tasks":
        [
          {
            "action_plan_id": "46",
            "task_id": "18",
            "task_number": "APT-00000018",
            "title": "ml task name"
          }
        ]
      }
    ],
    "selected": "false"
  }
]

<tr ng-repeat="ap in incident.action_plans"></tr>
<tr ng-repeat-end ng-repeat="task in ap.tasks"></tr>

<tr ng-repeat-start="thing in app.things">
    <td>{{thing.label}}</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr ng-repeat-start="action in thing.actions">
    <td>{{thing.label}}</td>
    <td>{{action.label}}</td>
    <td>&nbsp</td>
  </tr>
  <tr ng-repeat-end ng-repeat="task in action.tasks">
    <td>{{thing.label}}</td>
    <td>{{action.label}}</td>
    <td>{{task.label}}</td>
  </tr>
  <tr ng-repeat-end></tr></tr>