Angular ng-repeat element count

Question

<li ng-repeat="Item in Items">
        <div ng-switch="($index)==0">
            <div ng-switch-when="true">
                <a href="#"><   Previous</a>
            </div>
            <div ng-switch-when="false">
                <a href="#">{{$index}}</a>
            </div>
        </div>
    </li>

I want to get element count of the Items and want to show "Next >" for last item

Community · Accepted Answer · 2017-05-23 10:27:31Z

12

Something like this

<li ng-repeat="Item in Items">
                <a ng-if="$first" href="#"><   Previous</a>
                <a ng-if="!$first && !$last" href="#">{{$index}}</a>
                <a ng-if="$last" href="#">Next ></a>
    </li>

To get the length use Items.length. It becomes more complex if there is a filter. See this SO post

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Dec 4, 2013 at 7:08

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

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

1 Comment

Isuru Over a year ago

Thanks Chandermani. Problem solved. I used $first and $last in ng-switch because i cant use ng-if in my version. Thanks a lot

Collectives™ on Stack Overflow

Angular ng-repeat element count

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related