我已将 JSON 存储到视图中Countries.Json
调用的文件夹内的单独文件ListofCountries
。
现在我想使用AngularJS
.
但我无法将 JSON 值传递到我的代码中。
请帮我。
{
"Countries": [
{
"Country": "USA"
},
{
"Country": "Australia"
},
{
"Country": "Canada"
},
{
"Country": "UK"
}
]
}
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="countriesCtrl">
<ul>
<li ng-repeat="x in myData">
{{ x.Country }}
</li>
</ul>
<input type="button" id="list-btn" value="List Data"/>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('countriesCtrl', function($scope, $http) {
$http.get("Countries.Json").then(function (response) {
$scope.myData = response.data.records;
});
});
</script>
</body>
</html>
您需要访问response.Countries
不response.data.records
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
$http.get("Countries.json")
.success(function (response) {$scope.code = response.Countries;})
.error(function (response) {alert("Error")})
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句