问在HTML中显示多个Json对象的角度

EN

`<div *ngFor="let product of data.products" style="text-align:center">
   <div> 
    {{ product.id  }}
    {{ product.product_name }}
  </div>` 

 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();
      }
    }