How to access an array in an array in a collection

Question

`component :-

*ngFor="let ind of industryService.industries" value="{{ind.field[1].fieldName}}"`

How access fieldName in this collection object here

Does this answer your question? How can I access and process nested objects, arrays or JSON? — VLAZ
– VLAZ, Commented Jul 17, 2020 at 7:37
You just want to show the first element so you should write [value]="ind.field[0].field_id.fieldName" — Emilien
– Emilien, Commented Jul 17, 2020 at 7:49

Emilien · Accepted Answer · 2020-07-17 08:59:28Z

1

In order to do that, you will need to go deeper throught your object :

[value]="ind.field[0].field_id.fieldName"

And if you want to ngFor of field :

<div *ngFor="let ind of industryService.industries; let i = index" [value]="ind.field[index].field_id.fieldName">
  <div *ngFor="let fieldItem of ind.field>
    <p>{{ fieldItem.fieldName }}</p>
  </div>
</div>

edited Jul 17, 2020 at 8:59

answered Jul 17, 2020 at 7:54

Emilien

2,7534 gold badges17 silver badges29 bronze badges

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

2 Comments

Govi-Boy Over a year ago

hey can I get all fieldNames in the field array object? how?

Emilien Over a year ago

You will have to ngFor of field. Maybe try something like :

ts <div *ngFor="let ind of industryService.industries" [value]="ind.field[0].field_id.fieldName">   <div *ngFor="let item of ind.field">   <p>{{ item.fieldName }}</p>   </div> </div>

Collectives™ on Stack Overflow

How to access an array in an array in a collection

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related