为什么* ngIf验证消息始终出现？

Question

我正在使用角度和HTML。我对不只接受数字的名字进行模式验证。

    <fieldset class="six">
     <input id="firstName" ng-pattern="^[a-zA-Z]+$" type="text" 
        [(ngModel)]="user.firstName" formControlName="firstName" 
         required autocomplete="given-name" placeholder="First 
                  name"/>
            <label class="validation-message alert" 
           *ngIf="( (!newUserForm.controls.firstName 
              ||user.firstName.trim().length == 0 ) && 
                (newUserForm.controls.firstName.touched))">
                     First Name is required </label>
            <label class="validation-message alert" *ngif=" 
              newUserForm.firstName.touched " ng-message=" 
              newUserForm.firstName.hasError('firstName')">
               Invalid First Name </label>
     </fieldset>

我的问题是，总是出现无效的名字。谁能帮我？预先感谢

Answer 1

您的ngIf表示如果触摸firstName则显示消息。它没有说明它是否有效。