Angular 使用外循环中的变量嵌套 `ngFor`

Question

我正在制作一个动态权限列表，我将如何使用来自的“项目”：

<div *ngFor="let item of PermissionsList.T1">
  <!-- Some code here -->
</div>

在内部 ngFor 循环中。我尝试了以下和其他类似的变体：

<p *ngFor="let item2 of PermissionsList.{{item}}">test</p>

PermissionsList例子是这样的：

T1: Array [ "Business", "Recreation", "Vehicles" ]

Recreation: Array [ "Hunting", "Leisure" ]

Hunting: Array [ "Big_Game", "Bird", "Pest" ]

Big_Game: Array [ "Moose", "Elk" ]

Pest: Array [ "Wild Boar", "Fox" ]

Bird: Array [ "Geese", "Sharp-tailed grouse" ]

Leisure: Array [ "Hiking", "Bird Watching" ]

Business: Array [ "Trapping", "Utility", "Construction"]

Vehicles: Array [ "Half_ton", "ATV", "SnowMobile" ]

Answer 1

如果 PermissionsList 是 Arrays 的 Array 并且您打算迭代第二个数组，您可以试试这个：

<div *ngFor="let permission of PermissionsList">
  <div *ngFor="let item of permission ">
    {{ item }}
  </div>
</div>

如果 PermissionsList 是 Arrays 的 Object，而您只想显示 T1，例如，试试这个：

<div *ngFor="let t1 of PermissionsList['T1']">
  {{ t1 }}
</div>

Angular 使用外循环中的变量嵌套 `ngFor`

Angular nested `ngFor` using variable from outer loop

angular

angular-ngfor