Bind values inside a multiple for loop in angular 6

Question

I have two loops in my template file.i am trying to bind second value using first loop value.But i am getting error.

<tr *ngFor="let splitdata of mf.data">
  <td *ngFor="let slitup of searchFieldsslitup">
    {{splitdata.slitup.headName}}
  </td>
</tr>

Martin Parenteau · Accepted Answer · 2019-02-12 16:34:01Z

1

Use the bracket notation to access the properties by their name:

<tr *ngFor="let splitdata of mf.data">
  <td *ngFor="let slitup of searchFieldsslitup">
    {{ splitdata[slitup.headName] }}
  </td>
</tr>

answered Feb 12, 2019 at 16:21

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

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

1 Comment

{{ splitdata[slitup.headName] }} works for me...thanks

Muhammad Abdullah · Accepted Answer · 2019-02-12 18:03:08Z

0

you could also try this:

<tr *ngFor="let splitdata of mf.data">
  <td *ngFor="let slitup of splitdata">
    {{slitup.headName }}
  </td>
</tr>

answered Feb 12, 2019 at 18:03

Muhammad Abdullah

4828 silver badges33 bronze badges