AngularJs number count in table

Question

<table align="center">
    <tr>
        <th>No</th>
        <th>Movie Title</th>
    </tr>
        <tr data-ng-repeat="mov in movie | pagination: curPage * pageSize | limitTo: pageSize | filter:searchText" data-ng-show="showSuccessMessage" data-ng-click="selectMovie($event,mov)" data-ng-class="{'selected':selectedMovie.film_id===mov.film_id}" style="cursor: pointer;">
            <td>

            </td>
            <td>
                {{mov.title}}
            </td>
        </tr>
    </table>

Aboe code is work properly but how can i count the number and display in No??

Result

did you speak of $index? it's a variable defined inside ng-repeat, it gives you the actual index of the loop. — Patrick Ferreira
– Patrick Ferreira, Commented Mar 1, 2016 at 11:06

venkat · Accepted Answer · 2016-03-01 11:11:33Z

2

try this

  <table align="center">
        <tr>
            <th>No</th>
            <th>Movie Title</th>
        </tr>
            <tr data-ng-repeat="mov in movie | pagination: curPage * pageSize | limitTo: pageSize | filter:searchText" data-ng-show="showSuccessMessage" data-ng-click="selectMovie($event,mov)" data-ng-class="{'selected':selectedMovie.film_id===mov.film_id}" style="cursor: pointer;">
                <td>
                   {{ $index + 1 }}
                </td>
                <td>
                    {{mov.title}}
                </td>
            </tr>
        </table>

answered Mar 1, 2016 at 11:11

venkat

4694 silver badges17 bronze badges

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

1 Comment

venkat Over a year ago

still you need explanation ,, go through this w3schools.com/angular/angular_tables.asp

Thiyagu · Accepted Answer · 2016-03-01 11:07:00Z

2

You can use $index to get the index of the element in an array. It starts with 0. So you can print using $index + 1

answered Mar 1, 2016 at 11:07

Thiyagu

18k5 gold badges49 silver badges88 bronze badges

Collectives™ on Stack Overflow

AngularJs number count in table

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related