javascript - 为嵌套对象创建新行

Question

我发现 ng-repeat-start 和 ng-repeat-end 可用于此，但它们似乎不起作用。我有这样的结构:

事件数组:对象、对象、对象。

每个事件对象都有属性:开始时间、结束时间、用户和评论。

(开始时间、结束时间和用户有一个字符串值，而评论是另一个包含对象的数组。)

注释数组:对象、对象、对象。

在 Comments 数组中，每个对象都有这些属性:id 和 comment。

我需要做的是连续显示每个事件对象的开始时间、结束时间和用户。当我在具有多个评论对象的事件对象中遇到评论数组时，我想在新行中显示每个 ID 和评论。

<tbody>
      <tr ng-repeat-start="value in Events">
           <td>{{value.startTime}}</td>
           <td>{{value.endTime}}</td>
           <td>{{value.User}}</td>
       </tr>
       <tr ng-repeat-end="comments in value.Comments">
            <td>{{comments.id}}</td>
            <td>{{comments.comment}}</td>
       </tr>
 </tbody>

任何帮助都会很棒!我是 JavaScript 的新手，所以任何例子都很好。

Answer 1

为了使它起作用，你需要稍微改变一下结构，但这样做你会发现你不需要 ng-repeat-start和 ng-repeat-end .而是把 ng-repeat在 <tbody> 上标记，然后是嵌套的 ng-repeat第二<tr>标签。像这样:

<tbody ng-repeat="value in Events">
      <tr>
           <td>{{value.startTime}}</td>
           <td>{{value.endTime}}</td>
           <td>{{value.User}}</td>
       </tr>
       <tr ng-repeat="comments in value.Comments">
            <td>{{comments.id}}</td>
            <td colspan="2">{{comments.comment}}</td>
       </tr>
 </tbody>