Question

嘿，由于某些原因，我无法提交我的表格，谁能解释为什么？我正在使用Angular Material。

html：

<mat-dialog-content>

<form class="example-form"[formGroup]="movieForm" (ngSubmit)="addMovie(movieForm.value)">

    ......


<button mat-button type="submit" [disabled]="!movieForm.valid" [mat-dialog-close]="true">Save</button>
<button mat-button [mat-dialog-close]="true">Cancel</button>
</form>
</mat-dialog-content>

这是组件：

addMovie(form) {
    console.log("check");
  }

为什么我看不到console.log？

Answer 1

实际上，您不需要传递任何参数，因为您在 component.ts 中已经有了movieForm引用。只需执行以下操作：

模板html

   <form (ngSubmit)="addMovie()">

Component.ts

  addMovie() {
    console.log(this.movieForm);
  }

要直接访问您的值，请检查控制台对象结果结构。您将看到所有可以访问的属性。

表格提交与角材料

1 个答案: