How to loop through complex nested objects and double Arrays Angular 10

Asked Oct 11 '22 at 10:56

Active Oct 11 '22 at 10:56

Viewed 46 times

I have class A and i want to print out the amount of tables that the interface B has in its array of People. I also want to print out the amount of rows to each table that interface People has in its array of Person.

I mean i want to print i out the tables in the xxxxxxxx.html page

how can i do this ?

Data structure

export export class A {
readonly data: B;}
   
export interface B {
readonly data: Array<Array<People>>;}

export interface People {
readonly header: string;
readonly key: string;
readonly data: Array<Person>;}

export interface Person {
readonly name: string;
readonly age: string;}

asked Oct 11 '22 at 10:56

user1171171

could you be more specific? there are multiple ways to print lists of Items. lists, nested lists, tables... – Schulze Oct 11 '22 at 11:01
ok lets say interface B has 3 People in Array, then i want to print 3 tables in the .html page. The Array that wraps the people has only 1 Array. then for every table i want to print the amount of rows that interface People has in its Array of Person – user1171171 Oct 11 '22 at 11:10
Does this answer your question? [Angular2 nested \*ngFor](https://stackoverflow.com/questions/44272911/angular2-nested-ngfor) – Schulze Oct 11 '22 at 11:14
no thats a different problem – user1171171 Oct 11 '22 at 11:26
something like this : `code

Name Age

{{rows.name}} {{rows.name}}

` – user1171171 Oct 11 '22 at 11:32
I solved here is the code – user1171171 Oct 11 '22 at 12:29
`
Name Age
{{row.name}} {{row.age}}
` – user1171171 Oct 11 '22 at 12:31

How to loop through complex nested objects and double Arrays Angular 10

0 Answers0