Angular2 ngNoForm 还可以进行角度形式验证

2024-04-24

我有一个遗留后端服务器,它将表单数据作为请求参数进行处理。 我们将 angular2 放在前端。我想提交 angular2 表单,以便所有字段都作为请求参数,这样就不必更改旧后端。 为此,我有:

<form  ngNoForm action="http://localhost/config/api/v1/angular/submit" target="_blank" method="POST">

但我还想在提交按钮上使用 angular2 表单验证:

<form #f="ngForm" ngNoForm action="http://localhost/config/api/v1/angular/submit" target="_blank" method="POST">
 <button type="submit" [disabled]="!f.form.valid" class="small round">Submit</button>

然而,这不起作用 - Angular2 抱怨在声明 ngNoForm 时有 #f="ngForm" 。

有什么方法可以像往常一样进行 Angular2 表单验证,并将表单作为常规请求参数提交吗?


使用纯 JS 强制提交,这对我有用:

<form ngNoForm [formGroup]="myForm" action="http://test.local/process_post.php" target="_blank" method="POST">
    <input formControlName="alpha" name="alpha"/>
    <input formControlName="beta" name="beta"/>
    <button type="submit" [disabled]="!myForm.valid" onclick="submit()">SEND</button>
</form>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular2 ngNoForm 还可以进行角度形式验证 的相关文章

随机推荐