2016-12-06 83 views
1

首先什么我想要实现所有的背景下,不知道为什么NG重复启动和NG-重复端抛出异常

<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和重复这两个超级父母的片段看,这样中间<tr>将不会被遗漏,而我不在重复超级父母或父母。

请注意childs是静态元素。

现在我得到的例外是:

属性未结束,发现 'NG-重复启动',但不匹配 'NG-重复,结束' 发现

回答

2

您应该添加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> 
+0

谢谢兄弟。这确实是需要的。 –