Html AngularJS，如何显示接收到的JSON对象的内容
我已成功地从API接收到JSON对象，这从console.log代码中可以明显看出。现在，我想显示JSON文件中的各种元素。例如，JSON包含“name”和“url”等元素。单击submit按钮并获取JSON文件后，如何在H1HTML元素中单独显示这些内容。我是一个新手，如果这是一个明显的问题，我很抱歉，我有点卡住了，需要帮助。提前谢谢你 我的HTML代码是：Html AngularJS，如何显示接收到的JSON对象的内容,html,json,angularjs,Html,Json,Angularjs,我已成功地从API接收到JSON对象，这从console.log代码中可以明显看出。现在，我想显示JSON文件中的各种元素。例如，JSON包含“name”和“url”等元素。单击submit按钮并获取JSON文件后，如何在H1HTML元素中单独显示这些内容。我是一个新手，如果这是一个明显的问题，我很抱歉，我有点卡住了，需要帮助。提前谢谢你 我的HTML代码是： <body ng-app="myApp"> <div ng-controller="UserCtrl">
<body ng-app="myApp">
<div ng-controller="UserCtrl">
Search : <input type="text" placeholder="Search Employees"
ng-model="formData.searchText"/> <br/><br/>
<button ng-click="getByID()">Submit</button>
{{response.data.name}}
</body>
提前非常感谢 您需要使用一个变量来分配响应数据，然后在html中使用它。例如，显示来自
response.data.name<body ng-app="myApp">
<div ng-controller="UserCtrl as vm">
Search : <input type="text" placeholder="Search Employees"
ng-model="vm.searchText"/> <br/><br/>
<button ng-click="vm.getByID()">Submit</button>
<h1>{{ vm.name }}</h1>
</body>
您需要使用一个变量来分配响应数据，然后在html中使用它。例如，显示来自
response.data.name<body ng-app="myApp">
<div ng-controller="UserCtrl as vm">
Search : <input type="text" placeholder="Search Employees"
ng-model="vm.searchText"/> <br/><br/>
<button ng-click="vm.getByID()">Submit</button>
<h1>{{ vm.name }}</h1>
</body>
将数据放在$scope上：
$scope.getByID = function() {
var url = "https://rest.bandsintown.com/artists/" + $scope.formData.searchText;
var params = { app_id: id };
var config = { params: params };
$http.get(url, config)
.then(response => {
console.log(response.data.name)
$scope.data = response.data;
})
}
ng repeat
搜索：
提交
{{data.name}}
{{key}}:{{value}
$scope.getByID = function() {
var url = "https://rest.bandsintown.com/artists/" + $scope.formData.searchText;
var params = { app_id: id };
var config = { params: params };
$http.get(url, config)
.then(response => {
console.log(response.data.name)
$scope.data = response.data;
})
}
ng repeat
搜索：
提交
{{data.name}}
{{key}}:{{value}