2017-05-01 6 views
0

Iは、コードのこの部分を持っている:移入配列を有するドロップダウン - AngularJSとC#

$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(); 
     }); 
}; 

そのメソッドの戻りこれ: [[ "1"、 "エルマーチャコン"]、[ "2"、 "ファンPerez "]、[" 3 "、" Mauricio Lopez "]]

この種のデータをドロップダウンリストに入力するにはどうすればよいですか?

ありがとうございます。

答えて

3

あなたはこのようにそれを行うことができます:

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> 

角度コントローラ:

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

あなたは勿論、あなたの方法を使用してデータをロードする必要があります。

フィドル: https://jsfiddle.net/jorisheus/69jv0ykm/1/

+0

おかげ@Joris、それは働きます! –

1
ヨリスの答えに似

が、NG-オプションを使用して、あなたはこのような何か行うことができます。

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> 

角度コントローラ:

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

フィドル:https://jsfiddle.net/69jv0ykm/2/

関連する問題