如何使用表单从 angular 中的字段传递值？

Question

单击按钮时，我想将具有 formControlName 电子邮件的输入字段的值传递给该函数，有人可以给我一个想法或帮助吗？谢谢

#html代码

<div>
                    <div fxLayout="column">
                        <mat-form-field class="full-width" appearance="fill" style="margin-top: 20px;">
                            <mat-label>Username</mat-label>
                            <input matInput placeholder="" autocomplete="email" formControlName="email">
                            <mat-error *ngIf="modelForm.get('email').hasError('required')">
                                Username is required.
                            </mat-error>
                        </mat-form-field>
                    </div>
                    <div style="text-align: right;">
                        <button (click)="getStarted()" mat-flat-button color="primary"
                            type="submit" class="v-btn-sml" id="get-started-button">
                            Submit
                        </button>
                    </div>

#.ts

  getStarted() {
    // I want to pass the input value from the username field here when button is clicked
  }

  private Form(): FormGroup {
    return this.formBuilder.group({
      id: [this.model.id || 0],
      email: new FormControl(this.model.email, [Validators.required]),
    });
  }

Answer 1

假设您在组件上将 modelForm 定义为属性，

getStarted(){
    const value = this.modelForm.value['email'];
}

Answer 2

你可以这样实现：

getStarted() {
   const inputValue = this.modelForm.get('email').value
  }

如何使用表单从 angular 中的字段传递值？

how to pass a value from a field in angular using form?

typescript

form-control

angular