Dynami c вкладок на основе json значение angular - PullRequest
Новая
       24

Dynami c вкладок на основе json значение angular

1 голос
/ 12 февраля 2020

в настоящее время работает на вкладке материала, где мне нужно динамически создавать вкладки на основе моего значения 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
      }
    ]
  }
]

вкладка будет отображаться, как показано ниже , на вкладке ниже будет отображаться название отдела

Main Main 1

Это то, что я пытаюсь отобразить. Я использую вкладку материала 

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

Но вкладка не отображается в модальном подходе, пожалуйста, дайте мне знать

Ответы [ 2 ]

0 голосов
/ 12 февраля 2020

rowData - это массив, а не объект. вам нужно получить доступ к элементу массива 

<mat-tab *ngFor="let item of rowData[0].Department" label="{{item.DepartmentName}}"></mat-tab>
0 голосов
/ 12 февраля 2020

выглядит как неправильная привязка 

label="{{rowData.DepartmentName}}"

должно быть 

label="{{item.DepartmentName}}"
...