AngularJS.jsを使用してJSONデータをドロップダウンリストで取得しますか？

これは私のJSONのURLがこの形式[{"status": "success", "data": ["bank1","bank2","bank3"]}]であるAngularJS.jsを使用してJSONデータをドロップダウンリストで取得しますか？

var app = angular.module("mainApp", []); 
app.controller("myController", function($scope, $http) { 
    $http.get("JSON URL") 
     .success(function(response) { 
      $scope.persons = response.data; 
     }); 
});

これは私のJavaScriptコードである私のHTMLコード

<body ng-app="mainApp"> 
    <div ng-controller="myController"> 
     <select> 
<option ng-repeat="person in persons">{{ person.data }}</option> 
</select> 
    </div> 
</body>

ですが、私はあまりにも多くがあり、ドロップダウンにのみ「データ」リストをしたいですJSONデータの銀行、選択とオプションの使い方は？あなたがこれを行うことができます

出典

2017-01-18 shilpa

はあなたのような 'NG-オプションを使用してみましたが、[この]（http://stackoverflow.com/questions/13047923/working-with-select-using-angulars-ng-options） – user2718281

' NG-options'を使用することを検討してください指令。詳細については、[AngularJSのNG-OptionsディレクティブAPIリファレンス]（https://docs.angularjs.org/api/ng/directive/ngOptions）を参照してください。 – georgeawg

、

コントローラー：

app.controller("dobController", ["$scope", "$http", 
    function($scope, $http) { 
    $http.get("test.json").then(function(response) { 
     $scope.data = response.data[0].data; 
     console.log($scope.data); 
    }) 
    } 

]);

HTML：

<body ng-controller="dobController"> 
    <select class="form-control" id="selection" ng-model="currentSelected" ng-options="selection as selection for selection in data"></select> 
</body>

DEMO

出典

2017-01-18 04:41:30 Sajeetharan

は、私は、リスト内の特定のバンクを選択した場合は – shilpa

@働いてありがとうございましたか！あなたは助けてください.. – Sajeetharan

ようこそます@shilpa私がダウンして、次のドロップを持っているもう一つのAPIで、ダウンdependbleドロップをリンクする方法、Sajeetharan – shilpa

AngularJS.jsを使用してJSONデータをドロップダウンリストで取得しますか？

答えて

関連する問題