How to get data from nested JSON in TypeScript?

Question

I have followin problem:

When I tied to get addons I just get [] but web console show me that I have addons.

My json structure:

I just tried to do this:

console.log(vehicle.montage_card.addons); but I have this result: []

What am I doing wrong?

EDIT

I have PrimeNg table, this is little part of this table:

      <ng-template let-col let-vehicle="rowData" let-index="rowIndex" pTemplate="editor">
        <p-multiSelect *ngIf="!viewMode && (continuationContract == 0)" name="client_vehicles{{index}}" [showToggleAll]="false" [style]="{'width':'100%'}"
          [options]="clientVehiclesOptions" defaultLabel="Open list" [ngModel]="vehicle.assignedContractsID" (ngModelChange)="onSelectedClientVehiclesChange($event, vehicle)"
          maxSelectedLabels=0 selectedItemsLabel="Wybrano: {0}." (onChange)="checkSelectedClientVehiclesQuantity(vehicle)"
          [disabled]="viewMode">
        </p-multiSelect>
      </ng-template>

And this is my function when I console.log the vehicle:

onSelectedClientVehiclesChange(event: any, vehicle: Vehicle) {

let temp: any[] = [];
let numberExists: boolean = false;
console.log("vehicle");
console.log(vehicle);
console.log(vehicle.montage_card.addons);

event.forEach(element => {
  temp.push(this.clientVehicles.client_vehicles.find(clientVehicle => clientVehicle.id == element));
});
}

And where are you console logging this? Impossible to help if we don't know this. Please show your code. — AVJT82
– AVJT82, Commented Oct 9, 2018 at 8:55
Also another note, never post just images of code. Always add code to question as code blocks :) — AVJT82
– AVJT82, Commented Oct 9, 2018 at 8:59
the way you access the addons is correct like vehicle is the object inside that object there is another object called montage_card , inside that the array of addons consist. Can you post the code — Beginner
– Beginner, Commented Oct 9, 2018 at 9:03

wang · Accepted Answer · 2018-10-09 09:03:55Z

2

When you output the data, addons were not populated but there is a place to populate data which is later than output or using the data in timely manner. For example, populating data from the server using ajax.

Since the data you printed is object which means the reference to the memory space, when you open this after data populated in console, you will see addons.

That's why it says no addons but has addons when you expand it.

To use data, make sure you use it after data population. Pay attention to asynchronous actions.

answered Oct 9, 2018 at 9:03

wang

1,78012 silver badges20 bronze badges

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

Comments

Omid Farhang · Accepted Answer · 2018-10-09 09:04:51Z

-1

Try using following format:

console.log(vehicle['montage_card']['addons']);

answered Oct 9, 2018 at 9:04

Omid Farhang

461 silver badge6 bronze badges

1 Comment

Beginner Over a year ago

using dot and inside brackets you can access the object properties , you can read this one where you use dot vs brackets stackoverflow.com/questions/4968406/…

Collectives™ on Stack Overflow

How to get data from nested JSON in TypeScript?

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related