Угловой 6, перебрать глубоко вложенный объект в угловом шаблоне - PullRequest
Новая
       40

Угловой 6, перебрать глубоко вложенный объект в угловом шаблоне

0 голосов
/ 04 июня 2018

У меня есть объект из службы, как показано ниже 

  let obj = [
    0: {
      key1: 'val',
      key2: 'val',
      key3: [{
        key1: 'val',
        key2: 'val',
        key3: []; 
      }]
    }
    1: {
      key1: 'val',
      key2: 'val',
      key3: [{
        key1: 'val',
        key2: 'val',
        key3: []; 
      }]
    }
  ]

индекс может быть более 2 массивов, это может быть до 10 или более.Мне нужно перебрать индекс и ключи / значения их объектов.

Результат должен быть key1: val key2: val

, и как только я нажму key3, вывод должен быть key1: val key2: val

Я попытался получить ключидля объекта obj используется Object.keys (obj), но он возвращает только 0 и 1. Как я могу получить ключи внутренних объектов и отобразить ключи / значения внутри моего углового шаблона?

 <div *ngFor="let key of obj">
    {{key +': '+ obj[key]}}
 <div>

не работает.дополнительная проблема с шаблоном выше заключается в том, что он не учитывает глубоко вложенный объект и его пару ключ / значение.

Любая помощь здесь будет оценена.Если что-то сбивает с толку, пожалуйста, попросите разъяснений.

1 Ответ

0 голосов
/ 05 июня 2018

Я создал пример того, как вы можете справиться с этим

https://stackblitz.com/edit/angular-aczh2w?file=src%2Fapp%2Fhello.html

Это то, что вы ищете?

...