how action buttons works in Angular 6-json-schema-form

萝らか妹 提交于 2019-12-08 05:11:27

问题


I am trying to understand below JSON base form. I am not able to figure out from where that yellow button "Add Phone number" comes from and how it trigger event to replicate more phone list

https://hamidihamza.com/Angular6-json-schema-form/?set=ng-jsf&example=ng-jsf-flex-layout&framework=material-design&language=en


回答1:


What you have is a reactive form - check the stackblitz here

The whole form is a FormBuilder group which consists of:

  • FormControls for the static (non-repeatable) part of the form (firstName, lastName etc.)
  • While the phone numbers are Formbuilder Array. Everytime that the 'Add phone number' button is clicked, an element is added to our Formbuilder Array.
  • When you click save, you get the whole form in json (check console)


来源:https://stackoverflow.com/questions/55135226/how-action-buttons-works-in-angular-6-json-schema-form

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!