How to repeat row in table in angular js

Question

Here my code useing in 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

but I want write it with angular+HTML

I trying this but not work

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

In my controller

$scope.other_line =15;

please help me to resolve it. thanks

make other_line an array of 15 items. For example $scope.other_line = new Array(15), ng-repeat="rows in other_line track by $index" — Aleksey Solovey
– Aleksey Solovey, Commented Mar 15, 2018 at 9:37
Possible duplicate of AngularJS For Loop with Numbers & Ranges — lin
– lin, Commented Mar 15, 2018 at 10:05

Santosh Kumar · Accepted Answer · 2018-03-15 11:57:48Z

1

ng-repeat takes an array , you have provided a value $scope.other_line =15;. Code inside ng-repeat runs array.length times

So your code should be like

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

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

When this will execute in browser then, it will run 15 times

<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>

answered Mar 15, 2018 at 11:57

Santosh Kumar

2052 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to repeat row in table in angular js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related