Как на Angular вывести редактор динамического документа?

Question

[Андрей]

Есть некоторые документы, которые хранятся в json, и нужно сделать редактор/просмотрщик этих документов на angular.
Документы без жесткой структуры, поля могут быть разные и заранее не определены.
Например:

{
   {
      "name": "First name",
      "value": ""
   }, {
      "name": "Last name",
      "value": ""
   }, {
      "name": "Gender",
      "value": "",
      "select": ["male", "female"]
   }
}

Пример несколько упрощён, типов полей много (input, select, кастомные элементы), бывает вложенность (например объединение полей в секцию).
Сейчас всё работает на ts - просто обход полей объекта (и вложенных полей при необходимости), и вывод содержимого в зависимости от условий.

Вопрос: есть ли простой способ сделать это на angular?
Пока что нашёл статью на хабре про динамические компоненты, но выглядит как то устрашающе и усложнённо и ищу дальше.
Используется Angular 17

Answer 1

[Антон]

По динамическим формам есть вот такой курс: https://courses.decodedfrontend.io/courses/advance...
Но, он платный (есть слитый), он на английском и там действительно всё непросто. Да, там тоже про динамически создаваемый компоненты.