Angularjs ng-repeate display only last value

Question

    <ul class="dropdown-menu" ng-repeat="_Routevalue in _ViewItems">
        <!--<li><a>Hello</a></li>-->
        <!--<li><a>Hello</a></li>-->
        <li>{{_Routevalue.productName}}</li>
    </ul>

Here's the hardcoded values displayed properly, but when I use the ng-repeat it's only showing the last one.

Nguyen Phong Thien · Accepted Answer · 2019-02-14 12:58:08Z

2

You should add ng-repeat to the <li>, not to the <ul>

<ul class="dropdown-menu">
    <li ng-repeat="_Routevalue in _ViewItems">{{_Routevalue.productName}}</li>
</ul>

answered Feb 14, 2019 at 12:58

Nguyen Phong Thien

3,3871 gold badge19 silver badges36 bronze badges

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

5 Comments

Michael Lynch Over a year ago

While this is 100% correct, i'm not sure if this is the issue. This would still show all values, just each one within its own <ul>. Unless there is a CSS style that is doing a float / position on them and they're really just stacking.

Nguyen Phong Thien Over a year ago

Ok, so what is the value of _ViewItems? is it an Array or an Object?

sus Sam Over a year ago

@MichaelLynch <li style="padding: 5px;" ng-repeat="_Routevalue in _ViewItems"> <a class="_Routevalue.menuIcon"> {{_Routevalue.productName}}</a> </li> here class="_Routevalue.menuIcon" is not binding menu icons

Nguyen Phong Thien Over a year ago

I mean, the value of _ViewItems in the controller, you can try with console.log($scope._ViewItems)

Michael Lynch Over a year ago

@susSam Did the answer above solve your problem (as you're now asking about a class issue?). To solve your class problem, instead of class="_Routevalue.menuIcon" use ng-class="_Routevalue.menuIcon"

Collectives™ on Stack Overflow

Angularjs ng-repeate display only last value

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related