Populating with dropdown from object values string issue

Question

I have data coming from an array of objects that each have 3 properties:

This code is put into a scope variable so that it can be used on the view.

            angular.forEach(result.updatedItems, function (attr) {
                $scope.suppList = attr.name;
                var test = "";
            });

I am now trying to access this list of text values and put it in a dropdown menu:

<ul class="dropdown-menu" style="width:100%">
     <li data-ng-repeat="name in suppList track by $index" style="width:100%">{{name}}</li>
</ul>

But the results that drop down only show the 1st letter of the text that is supposed to be displayed:

What am I doing wrong and how do I fix it?

The.Bear · Accepted Answer · 2017-03-03 00:59:26Z

1

You are looping over a string instead of an array... do following changes:

CONTROLLER: Remove the loop angular.forEach and just bind the whole list to the $scope

$scope.suppList = result.updatedItems;

HTML: loop over the list with ng-repeat

<ul class="dropdown-menu" style="width:100%">
     <li ng-repeat="supp in suppList track by $index">{{supp.name}}</li>
</ul>

answered Mar 3, 2017 at 0:59

The.Bear

5,8952 gold badges31 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

Populating with dropdown from object values string issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related