时间戳

首页 > 解决方案 > 表单提交与角度材料

angular - 表单提交与角度材料

问题描述

嘿，由于某种原因，我无法提交我的表格，谁能解释为什么？我正在使用角度材料。

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？

标签： angulartypescriptangular-material

解决方案

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

模板 html

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

组件.ts

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

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

推荐阅读