0

I am very new to PrimeNG table and I tried to load nested json doc into table, but I am unable to access data of nested array.

I am able to load flatten json in p-table but in nested json unbale to fetch the nested data

EX: { field: "address", header: "Address ", title: "Person Address" } for this code am getting [object, object] in address column

I also tried with indexing like field address[0].id but not getting

This sample data of json fetching from API

Retailers=[
        {
            "id":1,
            "name":"Preeti Mobiles",
            "address":[{
                "id": 1,
                "addressLine1":"31/A, 2nd cross, 1st floor",
                "addressLine2":"Tirumala Towers, Mejestic",
                "city":"Bengaluru",
                "state":"Karnataka",
                "country":"India",
                "pincode":500006
            },
            {
                "id": 2,
                "addressLine1":"31/A, 2nd floor",
                "addressLine2":"Hebbal",
                "city":"Bengaluru",
                "state":"Karnataka",
                "country":"India",
                "pincode":500091
            }
            ]
        },
        {
            "id": 2,
            "name": "Nanda Electronics",
            "address": [{
                "id": 1,
                "addressLine1": "78/A, 4nd cross, 1st floor",
                "addressLine2": "Kishan Empower, RR Nagar",
                "city": "Bengaluru",
                "state": "Karnataka",
                "country": "India",
                "pincode": 520006
            }
            ]

        },
        {
            "id": 3,
            "name": "Kishan Electronics",
            "address": [{
                "id": 1,
                "addressLine1": "86/A, 1nd cross, 2st floor",
                "addressLine2": "Nanda Building, Hebbala",
                "city": "Bengaluru",
                "state": "Karnataka",
                "country": "India",
                "pincode": 520036
            }
            ]
        }
    ]

Type script code

ngOnInit() {
        this.person();
      }
     person(){
        this.personService.getpersonList().subscribe(data=>{
          this.person_details = data;
          console.log(this.person_details);
        });

        this.retailer_list = [
          { field: "name", header: "Name", title: "person Name" },
          { field: "address", header: "Address ", title: "person Address" }
          ];
      }
    }
Antikhippe
  • 6,316
  • 2
  • 28
  • 43

0 Answers0