How to output object of objects in angular?

Question

Angular

Good afternoon!
There is an object inside which there are other objects, and inside them there are more objects. Can you tell me how to display key values ​​using *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"
                          }
                        }
                      }
                    }
                  }
                }
              }
            }

Answer 1

a recursive function must be written either through the stack. pure ngFor in any way

Answer 2

If you just need to display data with formatting, then the pre tag and the json pipe will do just fine.
It works like this {{ data | json}}