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

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

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

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

это может вам помочь angular.io/guide/dynamic-form

Arvind Sisara 24.05.2018 13:37
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
1
63
1

Ответы 1

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

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

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

PS

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

Привет, братан, мне сложно понять из angular.io/guide/dynamic-form, эта ссылка, пожалуйста, вставьте здесь простой код для меня

Prakhar Mathur 24.05.2018 20:45

Другие вопросы по теме