ngFor not binding


#1

Hi People

I am trying to create a form/table kind of display in a page without having an obvious table kind of borders. ALso I need to do a recursive operation on a set of data to display them. I am using ngFor for that which is not binding data as of now.

<div class="row">
  <ion-grid>
  <ion-row responsive-sm *ngFor="let user of user_data">
    Name: {{user.name}}   </br> Work: {{user.profession}} </br>
  </ion-row>
</ion-grid>
  </div>

This is the user_data in the controller –

var user_data = response.data;

which is an Object of JSON like this –

Object { name: “my_name”, : profession:“SE”}

I am not clear as to why the data which is received properly from my backend server is not getting displayed even after binding. Could anyone point out my mistake here? Thanks in advance.