如何使用angularjs填充json數據？

Question

我一直在嘗試使用帶有angularjs的json數據填充可搜索的下拉列表，我已經將json數據推送到服務器中，並且如果我使用get方法，我已經能夠從服務器接收響應。我不知道具體如何查詢json數據並將其填充到搜索欄中。 我已經附上了控制器腳本和HTML

var app=angular.module('myapp',[]);
app.controller('myctrl',function($scope,$http){
    $http({
        method:"GET",
        url:"http://localhost:5050/codes?val="}).then(function mySuccess(response){
        $scope.msg=response.data;
    },function myError(response){
        $scope.msg=response.statusText;
    });
});
<!DOCTYPE html>

信號

<body>
    <div ng-app="myapp" ng-controller="myctrl" >
        <select ng-model="search">
            <option ng-repeat="names in msg " value="{{names.value}}"></option>
            </select>
    </div>
</body>

這是我從本地主機饋送到頁面的示例json數據，我必須用json數據的“值”部分填充搜索欄。

{"codes":
   [{"code": "NSE/AHLWEST", "value": "Asian Hotels (West) Limited"}, 
   {"code": "NSE/JINDALSWHL", "value": "Jindal South West Holding Limited"}, 
   {"code": "NSE/WIPL", "value": "The Western India Plywoods Limited"}, 
   {"code": "NSE/WSTCSTPAPR", "value": "West Coast Paper Mills Limited"}]
 }

Answer 1

需要訪問codes屬性。 而且在這種情況下，最好使用ng-options而不是ng-repeat

<select ng-model="search" ng-options="names.value as names.code for names in msg.codes"> 
</select>

Answer 2

您需要訪問codes

<option ng-repeat="names in msg.codes " value="{{names.value}}"></option>

如何使用angularjs填充json數據？

問題描述

2 個解決方案

解決方案1
2 已采納 2017-12-15 08:32:43

解決方案2
1 2017-12-15 08:27:19

如何使用angularjs填充json數據？

問題描述

2 個解決方案

解決方案1 2 已采納 2017-12-15 08:32:43

解決方案2 1 2017-12-15 08:27:19

解決方案1
2 已采納 2017-12-15 08:32:43

解決方案2
1 2017-12-15 08:27:19