Пользовательская анкета с перетаскиванием

Question

Я строю пользовательскую анкету. С левой стороны у меня есть ИНСТРУМЕНТЫ (input, select, et c), а справа - DROP zone ...

Мне нужно создать анкету с помощью инструментов этой формы и сохранить ее в API (для теста в хранилище сессий) ... Когда я перетаскиваю, скажем, INPUT, в зоне перетаскивания я получаю исходный код ... Вы можете увидеть это в примере здесь

Итак, мой вопрос, какой лучший способ сделать это?

Что я пытаюсь: - Создать повторно используемый компонент (input-component, text-component, select-component ...) и дать уникальный идентификатор для каждого компонента и в зоне DRAG с * ng для l oop через все компоненты. Но я получаю только исходный код, как в примере

• Кроме того, чтобы сохранить эти выбранные компоненты и / или показать их для редактирования снова, когда я получаю их из API. Как это сделать?

Thnx

Answer 1

Попробуйте создать компонент формы, который будет содержать все ваши логи редактирования / создания c. @Input - это ваш объект анкеты (редактировать) или ноль (создавать). Перетащите логи c должен быть снаружи (в вашем компоненте списка есть). Также подумайте об отношениях между ними, создайте сервис, который будет уведомлять компонент списка, когда элемент редактируется / создается.