角度jを使用してhtmlドロップダウンリストでjson応答を表示する方法

Question

Angular JSを使用してHTMlのドロップダウンリストにJSON応答を表示しようとしています。

私は、htmlの代理店のドロップダウンリストで「短い名前」を呼び出そうとしています。 アイデア前もって感謝します。

私のJSONコード

     [{"id":1,"agencyCode":"006","agencyDescription":"null","shortName":"NJTA","cscId":1,"iagAgencyTypeId":4,"comments":"null","whoCreated":"admin","createdDate":"2016-06-13","whoUpdated":"admin","updatedDate":"2016-06-13"}] 

HTMLコード

  <div class="dashboard_searcharea"> 
       <div class="col-md-3" ng-repeat="shortname in agencies"> Agency : 
       <select class="text_field_style smallfield"> 
       <option value="shortname"> agencies: {{agencies.shortname}} </option> 
       </select> 
       </div> 
       <div class="col-md-3"> Events : 
       <select class="text_field_style smallfield"> 
       </select> 
       </div> 

角度JS

Dashboard.controller('homeController',homeController); 
    function homeController($scope,$location,$http) { 
    $scope.dt = new Date(); 
     $scope.popup1 = { 
     opened: false 
     }; 
     $scope.open1 = function() { 
     $scope.popup1.opened = true; 
     }; 

    $http.get("http://localhost:8080/EtbosAdmin/agencies") 
     .success(function(response) {      
     $scope.metrics=response.series[0].shortname; 

Answer 1

は、以下に従ってください、あなたの期待される結果を達成

1.In反復使用をステップにジfferentの名前とキーの値を混乱を避けるためにテスト用私は代理店でJSONと変数xを使用しています。

2.Key値はshortNameなので、x.shortNameで値を取得する必要があります。私は

<div class="dashboard_searcharea"> 
      <div class="col-md-3" ng-repeat="x in agencies"> Agency : 
      <select class="text_field_style smallfield"> 
         <option value="shortname"> agencies: {{x.shortName}} </option> 
         </select> 

をテストするために$ scope.agenciesでJSONを使用していた

CodepenのURL - http://codepen.io/nagasai/pen/EyKqMB私が参照