javascript - 我们如何以 Angular 打印字段属性数据

Question

[
    {
      "model":"products.productstable",
      "pk":1,
      "fields":{
         "company":"STANDARD",
         "description":"CHAKKARS BIG ",
         "type":"Chakkars",
         "productcase":1,
         "quantity":100,
         "units":"PKT",
         "rate":150.0,
         "retension":3.0,
         "newrate":154.5,
         "myretension":30.0,
         "finalrate":200.85,
         "retailrate":401.7,
         "remarks":"ABC"
      }
   },
   {
      "model":"products.productstable",
      "pk":2,
      "fields":{
         "company":"STANDARD",
         "description":"SMALL",
         "type":"Sparkler",
         "productcase":1,
         "quantity":100,
         "units":"PKY",
         "rate":100.0,
         "retension":3.0,
         "newrate":103.0,
         "myretension":25.0,
         "finalrate":128.75,
         "retailrate":257.5,
         "remarks":"SCDC"
      }
   }
]

Answer 1

如果想在模板中显示，可以使用*ngFor as

<div *ngFor="let item of name">
    <h2>Company: {{item.fields?.company}}</h2>
    <p>Description: {{item.fields?.description}}</p>
    <p>Type: {{item.fields?.type}}</p>
    <p>Rate: {{item.fields?.rate}}</p>
</div>

演示 https://stackblitz.com/edit/angular-ejf6dw