Intenté obtener datos JSON del modelo, pero no funciona. Solo funciona cuando uso this.products.allproduct['product1'];. Pero en mi aplicación, paso el nombre del objeto. Entonces, depende de pasar los datos del nombre del objeto aparecerán.
Si uso this.products.allproduct[prd]; no funciona. Cómo resolver este problema.
aplicación.componente.html:
<button (click)="getData('product1')">Product 1</button> <button (click)="getData('product2')">Product 2</button> <button (click)="getData('product3')">Product 3</button> <div> {{showData}} </div>aplicación.componente.ts:
getData(prd: string|number) { this.showData = this.products.allproduct[prd]; }demostración: https://stackblitz.com/edit/angular-ivy-kng5nw?file=src%2Fapp%2Fapp.component.ts
Su matriz de objetos y mostrando correctamente. Use ngFor for loop en la matriz interna.
<div *ngFor="let row of showData;let i = index;"> {{row.name}} </div>