[Solved] Disable/Enable submit button in parent component when forms are in child component

by


In this case, you can simple use a “reference variable” and ask about “reference variable”.emailform.invalid

<div>
    <!--use a "reference variable" to can refered to the component-->
    <hello #form></hello>
    <div class="form-group">
        <button class="btn btn-primary" [disabled]="form.emailForm?.invalid">Submit</button>
  </div>
</div>
<!--just for "check" -->
{{form.emailForm?.value|json}}

See that “form” is the component. the component has a variable “emailForm”

1

solved Disable/Enable submit button in parent component when forms are in child component