Angular2表单重新加载而不是调用onSubmit()

发布时间：2020-12-17 17:07:18 所属栏目：安全来源：网络整理

导读：Angular2将其视为普通形式并且不执行任何操作： form (ngSubmit)="onSubmit(f.value,$event)" #f="ngForm"md-card-titleSettings/md-card-titlemd-card-content p md-input [(ngModel)]="user.username" name="username" required placeholder="Username" #n

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文件中,并且按钮的禁用功能正常工作,但是当我点击它时,该功能无效,但网站正在重新加载…

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!