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]),
    });
  }

标签： angulartypescriptform-control

Answer 1

假设您已定义modelForm为组件上的属性，

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