my response from server is something like this :
{
"message": " list received successfully",
"success": "true",
"data": {
"_list": [{
"id": "",
"name": "",
"image_url": null,
"is_occupation": true
},
{
"id": "",
"name": "",
"image_url": null,
"is_occupation": true
}
],
"responseCode":"",
}
How to show this data in list(html) in angular2?
@Component({
selector:'list',
template: `
<table>
<thead>
<th>id</th>
<th>name</th>
<th>image_url</th>
<th>is_occupation</th>
</thead>
<tbody>
<tr *ngFor="let data of responseData.data._list">
<td>{{data.id}}</td>
<td>{{data.name}}</td>
<td>{{data.image_url}}</td>
<td>{{data.is_occupation}}</td>
</tr>
</tbody>
</table>`
})
export class List {
const responseData={
"message": " list received successfully",
"success": "true",
"data": {
"_list": [
{
"id": "",
"name": "",
"image_url": null,
"is_occupation": true
},
{
"id": "",
"name": "",
"image_url": null,
"is_occupation": true
}],
"responseCode":"",
};
}
