Javascript 在模板中显示API JSON响应-角度
我想在我的网站上显示来自URL的JSON文件中的数据。 我在Angular上工作，并在我的组件中创建了一个HttpClient。下面的代码显示了控制台中的所有文档，所以这里是我的问题Javascript 在模板中显示API JSON响应-角度,javascript,html,json,angular,Javascript,Html,Json,Angular,我想在我的网站上显示来自URL的JSON文件中的数据。 我在Angular上工作，并在我的组件中创建了一个HttpClient。下面的代码显示了控制台中的所有文档，所以这里是我的问题 let resp=this.http.get（“https://spreadsheets.google.com/feeds/cells/1w2vpgbwImaQGCbpMqZ3P0NC93tuVved0oOFc9Zr22dU/1/public/full?alt=json"); 分别订阅（（数据）=>console.
let resp=this.http.get（“https://spreadsheets.google.com/feeds/cells/1w2vpgbwImaQGCbpMqZ3P0NC93tuVved0oOFc9Zr22dU/1/public/full?alt=json");
分别订阅（（数据）=>console.log（数据））；
将API响应存储在类变量中，即
数据 data = {
feed: {
entry: [
{ gs$cell: { $t: 'Nazwa' } },
{ gs$cell: { $t: 'pazwa' } },
{ gs$cell: { $t: 'shuzwa' } }
]
}
}
<div *ngFor="let d of this.data.feed.entry">{{d.gs$cell.$t}}</div>
{{d.gs$cell.$t}
数据 data = {
feed: {
entry: [
{ gs$cell: { $t: 'Nazwa' } },
{ gs$cell: { $t: 'pazwa' } },
{ gs$cell: { $t: 'shuzwa' } }
]
}
}
<div *ngFor="let d of this.data.feed.entry">{{d.gs$cell.$t}}</div>
{{d.gs$cell.$t}
})();在我看来，您的问题是如何提取数据 我无法使用您的HttpClient，因此我将使用API进行演示 异步函数getData（）{ 常数端点= "https://spreadsheets.google.com/feeds/cells/1w2vpgbwImaQGCbpMqZ3P0NC93tuVved0oOFc9Zr22dU/1/public/full?alt=json"; //const json=await http.get（端点）； const response=等待获取（端点）； const json=await response.json（）； const{feed}=json； 常量{entry:feedEntries}=feed； 返回feedEntries.map（（条目）=>{ const{gs$cell}=条目； const{$t}=gs$单元； 返回$t； }); } （异步（）=>{ const data=wait getData（）； 控制台日志（数据）； //对数据做任何你不想做的事情，也许在你的模板上使用它？
})();在控制台上尝试此操作
fetch（“https://spreadsheets.google.com/feeds/cells/1w2vpgbwImaQGCbpMqZ3P0NC93tuVved0oOFc9Zr22dU/1/public/full?alt=json）然后（r=>r.json（））。然后（d=>console.log（d.feed.entry.map（e=>e['gs$cell']['$t']））fetch（“https://spreadsheets.google.com/feeds/cells/1w2vpgbwImaQGCbpMqZ3P0NC93tuVved0oOFc9Zr22dU/1/public/full?alt=json）然后（r=>r.json（））。然后（d=>console.log（d.feed.entry.map（e=>e['gs$cell']['$t']））