I am trying to display Nested Array Json data with configurable attributes only instead of all attributes, but it's displaying [Object, Object] for array property like "roomTypes".
Kindly help to display value instead Object.
x.component.ts ->
//getItemById() service call
res.json().data
x.constant.ts ->
{jsonAttributeNames:["name","roomTypes"]}
x.component.html ->
<table>....
<tbody>
<tr>
<td *ngFor="let attributeName of jsonAttributeNames" >
<div *ngIf="data"> {{data[attributeName]}}</div>
</td>
</tr>
</tbody>
</table>
Json Data ->
{"name":"test","roomTypes":[{"Name":"living room"},{"Description":"Mock Description"},{"Name":"Bathroom"},{"Description":"Mock Description"}]}