如何在角度js中重复表格中的行

时间:2018-03-15 09:36:14

标签: angularjs angular1.6

这里我的代码在php中使用

@for($i= 0; $i < 15; $i++)
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
@endfor

但我想用angular + HTML

写它

我尝试了这个但没有工作

<tr ng-repeat="rows in other_line">
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>

在我的控制器中

$scope.other_line =15;

请帮我解决。谢谢

1 个答案:

答案 0 :(得分:1)

ng-repeat接受一个数组,您提供了一个值$scope.other_line =15;。 ng-repeat内的代码运行array.length次

所以你的代码应该像

$scope.other_line = [];
$scope.other_line.length = 15;

<div ng-repeat="rows in other_line">
  <td></td
</div>

当这将在浏览器中执行时,它将运行15次

<div ng-repeat="rows in other_line">
 <td></td
</div>
<div ng-repeat="rows in other_line">
 <td></td
</div>
<div ng-repeat="rows in other_line">
 <td></td
</div>
.
.
.
.
<div ng-repeat="rows in other_line">
 <td></td
</div>