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?](https://stackoverflow.com/questions/11922383/how-can-i-access-and-process-nested-objects-arrays-or-json) — VLAZ, Jul 17 '20 at 07:37
You just want to show the first element so you should write ```[value]="ind.field[0].field_id.fieldName"``` — Emilien, Jul 17 '20 at 07:49

Emilien · Accepted Answer · 2020-07-17T08:59:28.117

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 '20 at 08:59

answered Jul 17 '20 at 07:54

Emilien

2,701
4
15
25

hey can I get all fieldNames in the field array object? how? – Govi-Boy Jul 17 '20 at 08:47
You will have to ngFor of field. Maybe try something like : ```ts

{{ item.fieldName }}

``` – Emilien Jul 17 '20 at 08:50

How to access an array in an array in a collection

1 Answers1