Наполнение массива по ключам и перекручивание этого

Question

я запускаю следующий код внутри цикла, чтобы заполнить данные для конкретного table.$key:

this.tableUsers[table.$key] = userData; 

мне нужна индекс table.$key для того, чтобы получить сведение о пользователе для каждой таблицы.

Я также хочу, чтобы петля все детали в моем this.tableUsers и вывода userData всех таблиц, не зная table.$key

Я пытался петли это так:

<div *ngFor="let user of tableUsers"> 
     test 
    </div> 

, но в моей консоли журнала I заметил этот выход:

поэтому я создал трубу Лоо р клавиш, но он не работает:

<div *ngFor="let user of tableUsers | keys"> 
     test 
    </div> 

Ключи трубные:

export class KeysPipe implements PipeTransform { 
    transform(value, args:string[]) : any { 
    let keys = []; 
    for (let key in value) { 
     keys.push({key: key, value: value[key]}); 
    } 
    return keys; 
    } 

Как я могу цикл каждый элемент, как показано в моем журнале консоли?

Answer 1

Самый простой способ, который я могу сделать, это использовать две петли *ngFor.

Пример:

<div *ngFor="let key of keys"> 
    <div *ngFor="let user of tableUsers[key]"> 
     test 
    </div> 
</div> 

Наружные *ngFor петля над клавишами таблицы и внутренний *ngFor перебирает пользователь для текущего значения ключа.