javascript - 不确定为什么 ng-repeat-start 和 ng-repeat-end 抛出异常

Question

首先是我想要实现的背景，

<tr  ng-repeat-start="eachParam in myArray">
    <td rowspan=2>On site</td>
    <td rowspan="2" class = "success">{{eachParam.support}}</td>
    <td class = "warning">FE</td>
</tr>
<tr>
    <td class = "warning">BE</td>
</tr ng-repeat-end>

我希望它创建如下结构:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<table class = "table table-bordered">
  <tbody>
    <!-- Repeat 1-->
    <tr>
      <td rowspan = 2>super parent1</td>
      <td rowspan = 2>parent1.1</td>
      <td>child 1.1.1</td>
    </tr>
    
    <tr>
      <td>child 1.1.2</td>
    </tr>
    <!-- Repeat 2-->
    <tr>
      <td rowspan = 2>super parent2</td>
      <td rowspan = 2>parent2.1</td>
      <td>child 2.1.1</td>
    </tr>
    
    <tr>
      <td>child 2.1.2</td>
    </tr>
  </tbody>
</table>

您可以在片段中看到，我想使用 ng-repeat-start 重复那两个 super parent 和 ng-repeat-end这样中间<tr>当我外出重复 super parent 或 parent 时，不会被排除在外。

请注意 childs是静态元素。

现在我得到的异常是:

Unterminated attribute, found 'ng-repeat-start' but no matching 'ng-repeat-end' found

Answer 1

您应该将 ng-repeat-end 添加到 tr 标签的开头，而不是结束标签。像这样:

<tr ng-repeat-start="eachParam in myArray">
    <td rowspan=2>On site</td>
    <td rowspan="2" class = "success">{{eachParam.support}}</td>
    <td class = "warning">FE</td>
</tr>
<tr ng-repeat-end>
    <td class = "warning">BE</td>
</tr>