Angular JS getting something in dropdown menu from api

Question

I am getting this json data from an api:

$scope.industry = [];

    $http.get('/industrygroup?languageid=1')
        .then(function (result) {
            $scope.industry = result.data;
        });

the json data is $scope.industry

and I use ng-option to get a values for my dropdown menu:

ng-options="p.Name for p in industry[0].Occupations"

and that works fine, I am just looking to change this to use Name instead of Occupation. Here is my JSON below to show you:

{
      "Language":{
         "Id":1,
         "Name":"English"
      },
      "Occupations":[

      ],
      "Id":2,
      "Name":"Food and Beverage"
   }

I am looking to get the Name "Food and Beverage" in my dropdown. This was example of 1 row that was returned from my api, so I am looking to get all Names (Not Language Name)

Justin Thomas · Accepted Answer · 2014-06-25 18:00:26Z

1

You need to get all the names from the result.data. Something like this using underscore:

var names = _.uniq(_.pluck(result.data, 'Name')));
$scope.names = names;

This may also be what you need:

p.Name for p in industry

edited Jun 25, 2014 at 18:00

answered Jun 25, 2014 at 17:55

Justin Thomas

5,8473 gold badges44 silver badges63 bronze badges

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

1 Comment

user3723240 Over a year ago

what do I put in my ng-options?

Collectives™ on Stack Overflow

Angular JS getting something in dropdown menu from api

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related