在HTML表格标签

时间:2018-05-15 17:01:30

标签: asp.net angularjs razor angularjs-directive

让我们假设我有一个名为GrandPa的实体传递给我的剃刀视图,其模型如下(ParentChiled)。正如您所见,Child属性是ParentChiled类的列表,使用该GrandPa实体有2个内部ChildChiled类型的Child列表,我想通过每个子项循环并在那里打印Name。

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

这里我尝试了 由于我想使用ng-repeat-start和end一直循环到最内层的Child属性,因此下面是我尝试循环遍历每个属性并打印它们的方法。第一行和第二行是爸爸和儿子正在打印 但是第三行的grandSon不打印

 <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]

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

我是stackoverflow的新手,如果我的问题没有以您期望的方式形成,我提前道歉,并请求主人纠正我。

感谢您的帮助和支持

1 个答案:

答案 0 :(得分:0)

这是答案,我让它工作得很好

<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>

享受......