如何通过父表单提交按钮提交子表单

时间:2019-08-03 13:26:40

标签: angular6 angular7 angular4-forms

能否请您建议我如何通过父表单提交按钮提交子表单

<form #parentForm="ngForm">

  <form #childForm="ngForm">

    <input type="text" #textBox1="ngModel" required/>

    <h1 *ngIf="childForm.submitted && textBox1.inValid">
       Error Validation
    </h1>

  </form>

  <button type="submit">Submit!!</button>

</form>

谢谢

1 个答案:

答案 0 :(得分:0)

尝试FormGroup

一些功能是:- FormControl :这是一个跟踪表单控件的值和验证状态的类。 FormGroup :它是一个类,用于跟踪一组FormControl的值和有效性状态。 FormArray :它是一个类,用于跟踪FormControl,FormGroup和FormArray的数组的值和有效性状态。 FormControlName :这是一条指令,用于将现有FormGroup中的FormControl按名称同步到表单控件。 FormGroupDirective :这是将现有FormGroup绑定到DOM元素的指令。 FormGroupName :这是一条指令,用于将嵌套的FormGroup同步到DOM元素。 FormArrayName :这是一条指令,用于将嵌套的FormArray同步到DOM元素。