Angular ngFor for an object

Question

I want to use ngFor to create a dropdown menu depending on my object key. For example

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>

my intended output should be a drop-menu with values

1
2
3

Currently

I am getting

1,2,3

all in one row instead of in their own rows

Item is not an object just a number, remove the .value part. Also your variable names of your object are not matching. — Berk Kurkcuoglu, Sep 08 '20 at 19:15
you need to write a nested ngfor here as your each item itself is a collection. — rp4361, Sep 08 '20 at 20:04

score -1 · Accepted Answer · answered Sep 08 '20 at 20:36

<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 thanks

Angular ngFor for an object

1 Answers1