javascript - ng-repeat-start 具有 3 个不同的 TR

Question

如果您想使用 1 TR/1 TD 和 1 TR/2 TD 重复此结构

          <tr>
            <td>Nitish</td>
          </tr>
          <tr>
            <td>26</td>
            <td>Male</td>
          </tr>

您可以按照 http://www.nitishkumarsingh.com/blog/advantage-of-ng-repeat-start-and-ng-repeat-end-repeating-over-multiple-elements/ 中的内容执行此操作

   <table>
   <tbody>
     <tr ng-repeat-start="l in list">
       <td>{{l.name}}</td>
     </tr>
     <tr ng-repeat-end>
       <td>{{l.age}}</td>
       <td>{{l.gender}}</td>
     </tr>
   </tbody>
 </table>

但是，如果在 1 个和 2 个 TD 之后再添加 1 个 TR 和 1 个 TD，那么再添加 3 个 TD 怎么样？

          <tr>
            <td>Nitish</td>
          </tr>
          <tr>
            <td>26</td>
            <td>Male</td>
          </tr>
          <tr>
            <td>767 Fifth Avenue</td>
            <td>New York, NY 10153</td>
            <td>(212) 336-1440</td>
          </tr>    

Answer 1

只需将ng-repeat-end放在最后tr，这样中间模板就位于ng-repeat-start和ng之间-repeat-end 将被重复。

<table>
   <tbody>
     <tr ng-repeat-start="l in list">
       <td>{{l.name}}</td>
     </tr>
     <tr>
       <td>{{l.age}}</td>
       <td>{{l.gender}}</td>
     </tr>
     <tr ng-repeat-end>
        <td>{{l.addressLine1}}</td>
        <td>{{l.addressLine2}}</td>
        <td>{{l.phoneNumber}}</td>
      </tr>
   </tbody>
</table>