angular - 表单提交有 Angular Material

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

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