[英]Angular nested `ngFor` using variable from outer loop
我正在制作一個動態權限列表,我將如何使用以下“項目”:
<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" ]
如果PermissionsList
是一個Array
Arrays
並且您的意思是迭代第二個數組,則可以嘗試以下操作:
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.