如何在不改变表格设计的情况下使用ng-repeat内部标签

时间:2018-01-05 06:15:13

标签: c# html angularjs bootstrap-modal

我已经嵌套了3个列表。我希望这些数据显示在表格中。当我这样做的时候,

 <tbody>
                <tr ng-repeat-start="item in searchResultList" >                    
                    <td>{{item.Group.AuditDate | date:"MM/dd/yyyy h:mma"}}</td>
                    <td>{{item.Group.User}}</td> 
                    
                </tr>  
                <tr ng-repeat-start="x in item.DeviceList.DescriptionList">
                    <td></td>
                    <td></td>   
                    <td>{{x.Description}}</td>
                </tr> 
                <tr ng-repeat-end ng-repeat="y in x.ChangesList">
                    <td></td>
                    <td></td>
                    <td></td> 
                    <td>{{y.ChangeFrom}}</td>
                    <td>{{y.ChangeTo}}</td>
                </tr> 
                <tr ng-repeat-end></tr>           
            </tbody>
然后就像这样显示。 enter image description here

但我不想在每个数据重复时重复行。我希望以直线显示所有第一个数据,并且当描述重复相同的日期和用户时,它应该在一个新行中。我想要这样的对齐方式。 enter image description here

1 个答案:

答案 0 :(得分:1)

在控制器中以下面的格式解析数据,然后使用ng-repeat显示。

[{'08/11/2016 5:56PM', 'Administrator','Aaa','b','c'}, {'', '','','d','f'},{'','','Bbb','b','c'},{'10/16/2015 11:41AM','Tharuka','Ccc','c','d'}]