在 HTML 表格标记中使用 AngularJS ng-repeat-start 和 ng-repeat-end 的同一实体的嵌套循环答案

【问题标题】：Nested loop of same entity using AngularJS ng-repeat-start and ng-repeat-end in HTML table tag在 HTML 表格标记中使用 AngularJS ng-repeat-start 和 ng-repeat-end 的同一实体的嵌套循环
【发布时间】：2018-05-15 17:01:30
【问题描述】：

假设我有一个名为 GrandPa 的实体，它被传递到我的剃刀视图，它的模型如下（ParentChiled）。如您所见，子属性是 ParentChiled 类的列表，使用该 GrandPa 实体有 2 个 ParentChiled 类型的内部子列表，我也想循环通过每个子列表并在那里打印名称。

Class ParentChiled
{
    public string Name {get;set;}
    public List<ParentChiled> Child {get;set;} //list of current class
}

这是我尝试过的 由于我想使用 ng-repeat-start 和 end 一直循环到最里面的 Child 属性，因此下面是我尝试循环遍历它们并打印它们的方法。爸爸和儿子的第一行和第二行正在打印但第三行的孙子没有打印

 <table>
  <tr ng-repeat-start="dad in GrandPa">
    <td>{{dad.Name}}
  </tr>
  <tr ng-repeat="Son in dad.Child">
    <td>{{Son.Name}}
  </tr>
  <tr ng-repeat-end="grandSon in Son.Child">
    <td>{{grandSon.Name}}
  </tr>
</table>

我还尝试了以下来自 stackoverflow 的链接，但它们与我的问题不同，我尝试将它们用于我的问题但没有用

[Link1][1]
[Link2][2]
[Link3][3]
[Link4][4]

注意：我尝试使用 angularjs 的 Batarang chrome 扩展进行调试，实际上 {{grandSon.Name}} 有数据，所以问题很可能是 ng-repeat

我是 stackoverflow 的新手，如果我的问题没有按照您预期的方式形成，我提前道歉，并请各位大师纠正我。

感谢您的帮助和支持

【问题讨论】：

@Brandon tnx 很多亲爱的布兰登

标签： asp.net angularjs razor angularjs-directive

【解决方案1】：

这是答案，我得到它工作得很好

<table>
  <tr ng-repeat-start="dad in GrandPa">
    <td>{{dad.Name}}
  </tr>
  <tr ng-repeat-start="Son in dad.Child">
    <td>{{Son.Name}}
  </tr>
  <tr ng-repeat-end ng-repeat="grandSon in Son.Child">
    <td>{{grandSon.Name}}
  </tr>
  <tr ng-repeat-end ng-hide="true">
</table>

享受...

【讨论】：