как создать динамическую форму в угловых 5 в очень простых шагах

Question

Я хочу научиться создавать динамические формы в Angular v5.

Я знаю, как бороться с реактивной формой, но теперь мне необходимо изучить динамическую форму.Может ли кто-нибудь здесь объяснить с примером?

Примечание: пример должен быть очень ясным и очень полезным для начинающих, как я!

Answer 1

Уже есть довольно хорошее руководство по динамическим формам .У него длинная версия.Очень упрощенная версия: вы создаете классы и шаблоны для каждого возможного элемента формы, класс для ввода, класс для раскрывающегося списка.Когда вы получаете данные со структурой, такой как, например,

[{
    "name":"input 1",
    "type":"input"
  },
  {
    "name":"input 2",
    "type":"input"
  },
  {
    "name":"drop down 1",
    "type":"dropdown"
  }
]

Angular соберет форму на основе классов и шаблонов HTML, которые вы создали ранее.

PS

Пожалуйста, потратьте время и прочитайте официальный учебник, это гораздо веселее, чем мое объяснение:)