How to display an array of objects in with typescript?

Question

I'm very new to typescript.

I've got a wrapper component, and a bunch of child components that I want to display.

So, something like this is in my parent component html: <component-card [someData]=someData></component-card> works just fine and displays my component. But how do I display a list of them?

Simply doing <li *ngFor="let card of componentCardArray"></li> doesn't work. I tried different ways

Most tutorials just cover simple types, I searched for hours and can't find a way to do it.

Are you getting an error? and you will have to show how is your data set up — Dalorzo
– Dalorzo, Commented Oct 2, 2019 at 20:06

Noname135 · Accepted Answer · 2019-10-02 20:15:54Z

1

Okay, I figured it out! I was forgetting to put the selector after the whole *ngFor directive thing. So, here is how my components are displayed now in my wrapper.html:

 <div *ngFor="let card of cardArray">
      <component-card [myData]=myData></component-card>
</div>

answered Oct 2, 2019 at 20:15

Noname135

1011 gold badge1 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MikeOne Over a year ago

<component-card *ngFor="let card of cardArray" [myData]=card.myData></component-card> Should also be possible..

Collectives™ on Stack Overflow

How to display an array of objects in with typescript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related