Как вывести объект объектов в angular?

Question

[rohan_rohan]

Добрый день!
Есть объект, внутри которого находятся другие объекты, а внутри них - еще объекты. Подскажите, как вывести значения ключей с помощью *ngFor?

const data = {
        first_data: {
          id: "1",
          name: "First",
          type: "Administration",
          sections: {
            main_section: {
                id: "main_section",
                name: "Main Section",
                sub_sections: {
                    sub_first: {
                        id: "12",
                        name:  "Subsection_name",
                        questions: {
                          first_question: {
                            id: "44",
                            name: "Answer"
                          },
                          second_question: {
                            id: "33",
                            name: "True"
                          }
                        }
                      }
                    }
                  }
                }
              }
            }

Comments

[Alex]

Прочитайте правила сайта. Особенно пункт 3.1

[Sun_Day]

Если поменять на нормальный односвязный список, то можно через ngFor рекурсивно обойти.
В твоем случае делай мапинг, или ложи в отдельный массив и выводи.

Answer 1

[nuclear_kote]

рекурсивную функцию надо писать или через стэк. чистым ngFor никак

Answer 2

[Piratt14]

Если просто надо вывести данные с форматированием, то с этим отлично справится тег pre и пайп json.

Работает так {{ data | json }}