Angular 我无法捕捉角度反应形式的输入字段值

我试图验证一个角度反应形式，我试图捕捉输入字段的值，如果输入字段未验证，我将显示消息

<span *ngIf="signupForm.control['fname'].haserror(required) && signForm.control['fname'].invalid &&  signForm.control['fname'].touched "> Enter your Name </span>

我正在填写表格的所有细节

html代码-

<form [formGroup]='signupForm' (ngSubmit)="PostData(signupForm)">
       <h2 class="text-center"> Registeration Form </h2>
      <br/>
      <div class="form-group">
       <input type="text" formControlName='fname'  placeholder="First Name">
       <span *ngIf="signupForm.control['fname'].haserror(required) && signForm.control['fname'].invalid &&  signForm.control['fname'].touched "> Enter your Name </span>
      </div>  

 <input type="submit" value="Post Data" [disabled]='!signupForm.valid'>
          </div>
          </form> 

应该是,

有错误在这种情况下始终存在

<span *ngIf="signupForm.get('fname').hasError(required) && signupForm.get('fname').invalid &&  signupForm.get('fname').touched "> Enter your Name </span>

输入您的姓名

应该是

有错误在这种情况下始终存在

<span *ngIf="signupForm.get('fname').hasError(required) && signupForm.get('fname').invalid &&  signupForm.get('fname').touched "> Enter your Name </span>

输入您的姓名

试试看

Firstname是必需的！！

注意您调用

fname

控件的方式，请执行

signupForm.controls

而不是

signupForm.control

尝试

Firstname是必需的！！

注意您调用

fname

控件的方式，do

signupForm.controls

而不是

signupForm.control

signupForm.get（'fname'）？signupForm.get（'fname'）？*ngIf=“signupForm.controls['fname'].invalid”也足够了。*ngIf=“signupForm.controls['fname'].invalid”也足够了。

<span *ngIf="signupForm.get('fname').hasError(required) && signupForm.get('fname').invalid &&  signupForm.get('fname').touched "> Enter your Name </span>

<span *ngIf="signupForm.controls['fname'].hasError('required')">Firstname is Required!! </span>