Angular 对象的 ngFor
Angular ngFor for an object
我想使用 ngFor 根据我的对象键创建一个下拉菜单。例如
Component.ts
Drop_Down_Menu={1:[1,2,3],2:[3,4,5],3:[4,5,6]}
Component.html
<ng-container *ngFor="let item of Drop_Down_Menu[1]">
<Label class="donation-label">{{item.value}}</Label>
</ng-container>
我的预期输出应该是一个带有值的下拉菜单
1
2
3
目前
我得到
1,2,3
全部排成一排,而不是各自排成一排
<div class="dropdown-menu">
<ng-container *ngFor="let item of Drop_Down_2_Stuff | keyvalue">
<div *ngIf="item.key==1">
<div *ngFor="let stuff of item.value">
{{stuff}}
</div>
</div>
</ng-container>
</div>
@Rihabh 谢谢
我想使用 ngFor 根据我的对象键创建一个下拉菜单。例如
Component.ts
Drop_Down_Menu={1:[1,2,3],2:[3,4,5],3:[4,5,6]}
Component.html
<ng-container *ngFor="let item of Drop_Down_Menu[1]">
<Label class="donation-label">{{item.value}}</Label>
</ng-container>
我的预期输出应该是一个带有值的下拉菜单
1
2
3
目前
我得到
1,2,3
全部排成一排,而不是各自排成一排
<div class="dropdown-menu">
<ng-container *ngFor="let item of Drop_Down_2_Stuff | keyvalue">
<div *ngIf="item.key==1">
<div *ngFor="let stuff of item.value">
{{stuff}}
</div>
</div>
</ng-container>
</div>
@Rihabh 谢谢