1

目前正在处理材料选项卡，我需要根据我的 json 值动态创建选项卡。

这是我的json

[
  {
    "regionName": "EMEA",
    "regionCurrency": "USD",
    "orgnazationName": "XYZ",
    "orgnazationSubName": "Miller"
    "Department": [
      {
        "DepartmentName": "Main",
        "FirstName": "David",
        "LastName": "Brown",
        "Band": 2,
        "Salary": 10000.00
      },
      {
        "DepartmentName": "Main 1", 
        "FirstName": "Marry",
        "LastName": "Brown",
        "Band": 2,
        "Salary": 10000.00
      }
    ]
  }
]

选项卡将如下所示。下面的选项卡将采用部门名称

主要 主要 1

这就是我要显示的我正在使用材料选项卡

<mat-tab-group mat-align-tabs="start">
    <mat-tab *ngFor="let item of rowData.Department" label="{{rowData.DepartmentName}}"></mat-tab>
</mat-tab-group>

但是该选项卡未以模式显示方法是否正确，请告诉我

4

2 回答 2

0

看起来不正确的绑定

label="{{rowData.DepartmentName}}"

应该

label="{{item.DepartmentName}}"
于 2020-02-12T03:20:52.330 回答
0

rowData是一个数组而不是一个对象。您需要访问数组的元素

<mat-tab *ngFor="let item of rowData[0].Department" label="{{item.DepartmentName}}"></mat-tab>
于 2020-02-12T03:34:30.607 回答