Question

Angular2将其视为普通形式并且不执行任何操作：

<form (ngSubmit)="onSubmit(f.value, $event)" #f="ngForm">
<md-card-title>Settings</md-card-title>
<md-card-content>
  <p>
    <md-input [(ngModel)]="user.username" name="username" required placeholder="Username"
              #name="ngModel"></md-input>
  </p>
</md-card-content>
<md-card-actions>
  <button [disabled]="!f.form.valid" type="submit" md-raised-button color="accent">Save</button>
</md-card-actions>

我将disableDeprecatedForms()和provideForms()包含在我的bootstrap文件中，按钮的禁用功能正常，但是当我点击它时，该功能不起作用，但网站正在重新加载..

Answer 1

onSubmit（）方法可能会抛出JavaScript错误。打开Web浏览器开发人员工具并检查错误。在我的例子中，我试图在onSubmit（）方法中为没有setter的属性设置一个值，因此在执行时会抛出JavaScript并执行提交默认表单操作，并刷新页面。

Answer 2

您应该在组件中实现onSubmit功能。 Component onSubmit function Soruce

Angular2表单重新加载而不是调用onSubmit（）

2 个答案: