Concat two *ngfor variables in interpolation angular 4

Question

     - *ngFor="let profile of allSupprotProfiles

     - *ngFor="let columnName of defaultColumns 


    <tr> <th>{{columnName}}</th> <td>{{ profile.{{columnName}}

 }}</td> </tr>

How can we concatenate with profile object?

please add more code and elaborate your post. Object structure?? UI expectation?? — Aravind
– Aravind, Commented Apr 3, 2018 at 13:28
Two *ngfor loops are there one inside another and i wanted to use second loop variable as {{ profile.{{columnName}} }}. First array is like : [ { "supportId": 2, "packageName": "Silver", "createdOn": "2018-03-27T11:23:48.000Z" } — Voolapati Manohar
– Voolapati Manohar, Commented Apr 3, 2018 at 13:33

Ricardo · Accepted Answer · 2018-04-03 13:32:47Z

3

you can try this

<div *ngFor="let profile of allSupprotProfiles">
  <div *ngFor="let columnName of defaultColumns >
      <tr> <th>{{columnName}}</th> <td>{{ profile[columnName] }}</td> </tr>
  </div>
</div>

answered Apr 3, 2018 at 13:32

Ricardo

2,48722 silver badges35 bronze badges

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

Comments

Vitalii Chmovzh · Accepted Answer · 2018-04-03 13:32:14Z

1

If you want to read field value from the object, which you seems to be trying to do, you should use regular Javascript syntax:

{{ profile[columnName] }}

answered Apr 3, 2018 at 13:32

Vitalii Chmovzh

2,9534 gold badges18 silver badges29 bronze badges

Collectives™ on Stack Overflow

Concat two *ngfor variables in interpolation angular 4

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related