Блог

Главная - Вопросы по программированию - как кнопки действий работают в Angular 6-json-schema-form

как кнопки действий работают в Angular 6-json-schema-form

#angular #formarray #formgroups #angular6-json-schema-form

#angular #formarray #formgroups #angular6-json-schema-form

Вопрос:

Я пытаюсь понять нижеприведенную базовую форму JSON. Я не могу понять, откуда берется эта желтая кнопка «Добавить номер телефона» и как она запускает событие для репликации большего списка телефонов

https://hamidihamza.com/Angular6-json-schema-form/?set=ng-jsfamp;example=ng-jsf-flex-layoutamp;framework=material-designamp;language=en

Ответ №1:

У вас есть реактивная форма — проверьте stackblitz здесь

Вся форма представляет собой группу FormBuilder, которая состоит из:

  • FormControls для статической (неповторяемой) части формы (имя, фамилия и т.д.)
  • В то время как телефонные номера являются массивом Formbuilder. Каждый раз, когда нажимается кнопка «Добавить номер телефона», в наш массив Formbuilder добавляется элемент.
  • Когда вы нажимаете сохранить, вы получаете всю форму в формате json (проверьте консоль)