iterating over a json array to fill a dropdown - angularjs

Question

I have a json array from a json response of this nature

data {"success":true,"errorCode":0,"data":["kkkk-kkkk 1","oooo-ooooo 2"]}

Item 1 is expected to be >>> kkkk-kkkk 1
Item 2 is expected to be >>> oooo-ooooo 2

in angular script controller I am doing this to push the array into the html view

else if (res.status == 200) { 
    $scope.partners = []; 
    var myJSON = res.data; 
    console.log("data" + JSON.stringify(res.data));
    angular.forEach(myJSON, function (item) { 

    $scope.activities.push(item);

I want to get the json arrays to fill a dropdown of this is a challenge

<select ng-model="act" formcontrol class="ui fluid dropdown ng-untouched ng-pristine ng-valid" required>
  <option ng-repeat="a in activities" value="{{a}}">{{a}}</option>
</select>

Please assist

Why don't you assign res.data.data directly to $scope.activities? — 31piy
– 31piy, Commented Aug 17, 2018 at 13:56
this >>> <option ng-repeat="a in activities" value="{{a}}">{{a}}</option> — rocket
– rocket, Commented Aug 17, 2018 at 13:58

cнŝdk · Accepted Answer · 2018-08-17 14:07:01Z

1

Actually you are iterating the wrong array, you are iterating the object instead.

Because in your code:

console.log("data" + JSON.stringify(res.data));

Will give you:

data {"success":true,"errorCode":0,"data":["kkkk-kkkk 1","oooo-ooooo 2"]}

So you need to store res.data.data in your myJSON variable, or the best would be to assign this array directly in your $scope.activities:

$scope.activities = res.data.data;

And in your HTML:

<select ng-model="act" formcontrol class="ui fluid dropdown ng-untouched ng-pristine ng-valid"  ng-options="option for option in activities"required>
</select>

edited Aug 17, 2018 at 14:07

answered Aug 17, 2018 at 14:02

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

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

4 Comments

rocket Over a year ago

that has been done so how how I populate the dropdown with it

rocket Over a year ago

upon clicking the dropdown

cнŝdk Over a year ago

Please show us a live demo so we can see the whole code and the issue.

rocket Over a year ago

Let us continue this discussion in chat.

Raju Sah · Accepted Answer · 2018-08-17 14:04:32Z

0

use ng-options

ng-options="item as item for item in activities"

answered Aug 17, 2018 at 14:04

Raju Sah

6005 silver badges17 bronze badges

Collectives™ on Stack Overflow

iterating over a json array to fill a dropdown - angularjs

2 Answers 2

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Related