Populate DropDown with Array - AngularJS and C#

Question

I have this piece of code:

$scope.GetEmp= function () {
    $http.get("/api/emp/GetEmps")
        .success(function (data) {
            $scope.Emps= data;
            hideLoader();
        })
        .error(function (error) {
            $scope.operation_result = { result: false, Message: 'Unable to complete the action due to API problem' };
            $scope.show_result = true;
            hideLoader();
        });
};

That Method return this: [["1","Elmer Chacon"],["2","Juan Perez"],["3","Mauricio Lopez"]]

How can I populate a dropdown with this kind of data?

Thanks in advance.

Joris Heus · Accepted Answer · 2017-05-01 16:12:06Z

3

You could do it like this:

Html

<div ng-controller="MyCtrl">
  <select ng-model="selected">
    <option ng-repeat="item in data" value="{{item[0]}}" >{{item[1]}}</option>
  </select>
  <div>Selected: {{selected}}</div>
</div>

Angular controller:

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.data = [["1","Elmer Chacon"],["2","Juan Perez"],["3","Mauricio Lopez"]];
}

You should load your data using your method, ofcourse.

Fiddle: https://jsfiddle.net/jorisheus/69jv0ykm/1/

edited May 1, 2017 at 16:12

answered May 1, 2017 at 16:03

Joris Heus

2211 silver badge7 bronze badges

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

Comments

mikelt21 · Accepted Answer · 2017-05-01 16:24:23Z

1

Similar to Joris's answer but using ng-options you can do something like this:

HTML:

<div ng-controller="MyCtrl">
  <select ng-model="selected" ng-options="item[0] as item[1] for item in data"></select>
  <div>Selected: {{selected}}</div>
</div>

Angular controller:

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.data = [["1","Elmer Chacon"],["2","Juan Perez"],["3","Mauricio Lopez"]];
}

Fiddle: https://jsfiddle.net/69jv0ykm/2/

answered May 1, 2017 at 16:24

mikelt21

2,7784 gold badges26 silver badges35 bronze badges

Collectives™ on Stack Overflow

Populate DropDown with Array - AngularJS and C#

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related