Динамическое добавление и удаление компонентов как поля формы в Angular - PullRequest
2 голосов
/ 19 июня 2019

У меня есть разные кнопки в шаблоне, такие как ввод, флажок, радио, кнопка и т. Д., И при нажатии каждой кнопки должно отображаться соответствующее поле формы.

например - при нажатии кнопки ввода компонент кнопки ввода должен создаваться динамически и отображаться. И в этих полях также есть кнопка «Удалить», нажатием кнопки «Удалить» следует удалить соответствующее поле из домена.

У меня есть базовое представление о динамической генерации компонента, мне нужна помощь для выполнения вышеуказанного сценария.

Пример структуры объекта для визуализации поля формы может выглядеть следующим образом:

[{
  "id": 1,
  "type": "TEXT_BOX",
  "label": "Input text box",
  "placeholder_text": "Enter your text here"
}, {
  "id": 2,
  "type": "TEXT_AREA",
  "label": "Input text area",
  "placeholder_text": "Enter your description here"
}]
...