大家好，任何人都可以幫我將包含產品物件的 JSON 放入角度 HTML 中嗎？我讓它在控制臺中作業（見下圖），但我不知道如何在 HTML 中顯示產品資料。這是我做的代碼。
我的 app.component.html 是
`<div *ngFor="let product of data.products" style="text-align:center">
<div>
{{ product.id }}
{{ product.product_name }}
</div>`
我的 app.component.ts 是
export class AppComponent {
title = 'Isham-ColdBanana';
public data:any = []
constructor(private http: HttpClient) {
}
getData(){
const url ='https://my-json-server.typicode.com/TomSearle/cb-devtest-api/db'
this.http.get(url).subscribe((res)=>{
this.data = res
console.log(this.data)
})
}
ngOnInit(){
this.getData();
}
}
uj5u.com熱心網友回復：
如果你嘗試類似的東西
`<div *ngFor="let product of data.products[0]" style="text-align:center">
<div>
{{ product.id }}
{{ product.product_name }}
</div>`
出現什么？
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/508197.html