无法绑定到"formGroup",因为它不是"form"的已知属性。(" <div class="upload-right"> <div class="signup">



我使用的是Angular 7。我不知道这个表单的错误发生在哪里。它总是表明表单不是这个方法的已知属性。我在下面的代码中哪里出错了?我收到这个错误。

无法绑定到"formGroup",因为它不是"form"的已知属性

<form [formGroup]="newClientForm">
<fieldset>
<div class="row" style="text-align:center">
<input type="text" class="st0" placeholder="Enter name" class="form-control"  name="name" formControlName="name" #name required="required" />
</div>
<br>
<div class="row" style="text-align:center">  
<input type="text" class="st0" placeholder="Enter email" class="form-control"  name="email" formControlName="email" #email required="required" pattern="([w-.]+@([w-]+.)+[w-]{2,4})?" />
</div>
<br>
<div class="row" style="text-align:center">
<input type="password" class="st0" placeholder="Password" class="form-control"  name="password" formControlName="password" #password required="required" pattern=".{6,}"
title="Minimum 6 characters required" autocomplete="off" />
</div>
<br>
<div class="row" style="text-align:center">
<input type="text" class="st0" placeholder="Enter mobile" class="form-control"  name="mobile" formControlName="mobile" #mobile required="required" />
</div>
<br>
<div class="row" style="text-align:center">
<!-- <input type="submit" value="Register" /> -->
<button type="submit" class="st1" value="register" (click)="register()">Register</button>
</div>
<br>
<div class="row" style="text-align:center">
<div class="forgot">
<a href="#">Login?</a>
</div>
</div>
<br>
</fieldset>
</form>

试试这个stackblitz链接反应式表单。我已经用你的html代码创建了一个类似的表单并运行了它。我所做的都是非常基本的:从@angular/forms导入的ReactiveFormsModule并在ts文件中创建了一个表单组,并添加了您在html中使用的所有控件。它运行良好。如果您的问题与提供的解决方案不同,请告诉我。

最新更新