如何从角度模型中获取json数据

Question

尝试从模型中获取 JSON 数据，但无法正常工作。只有当我使用 this.products.allproduct['product1']; 时它才有效。但在我的应用程序中，我传递了对象名称。所以，取决于传递的对象名称数据会出现。

如果我使用 this.products.allproduct[prd];不工作。如何解决此问题。

app.component.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>

app.component.ts：

getData(prd: string|number) {
    this.showData = this.products.allproduct[prd]; 
  }

演示：https://stackblitz.com/edit/angular-ivy-kng5nw?file=src%2Fapp%2Fapp.component.ts

Answer 1

它的对象数组并正确显示。 在内部数组上使用 ngFor for 循环。

<div *ngFor="let row of showData;let i = index;">
  {{row.name}}
</div>