ngパターンでエラーが発生しない

Question

これを数時間にわたって把握しようとしています。私はここで尋ねると思った。

私は入力フィールドを持っています。誰かが数字を入力しようとすると、単にメッセージを表示したいだけです。私の研究は私をパターンに導くが、私がなぜそれがうまくいかないのかわからない。

<input 
     type="string" 
     class="form-control" 
     [(ngModel)]="firstName" 
     name ="firstName" 
     #studentFirstName ="ngModel" 
     autocomplete="new-password" 
     autocomplete="off" 
     ng-pattern="/^[a-zA-Z\s]*$/" 
     required> 
     <div *ngIf="studentFirstName.invalid && (studentFirstName.dirty || studentFirstName.touched)" class="row"> 
      <div class="col-sm-12 text-danger"> 
       The form is invalid somewhere 
      </div> 
      <div *ngIf='studentFirstName.errors.required' class="col-sm-12 text-danger"> 
       First Name is required 
      </div> 
      <div *ngIf='studentFirstName.errors.pattern' class="col-sm-12 text-danger"> 
       First Name must not contain numbers 
       </div> 
     </div> 

Answer 1

角度を使用すると、利用可能PatternValidator

<input 
     type="string" 
     class="form-control" 
     [(ngModel)]="firstName" 
     name ="firstName" 
     #studentFirstName ="ngModel" 
     autocomplete="new-password" 
     autocomplete="off" 
     pattern="/^[a-zA-Z\s]*$/" <-----------------pattern 
     required> 
     <div *ngIf="studentFirstName.invalid && (studentFirstName.dirty || studentFirstName.touched)" class="row"> 
      <div class="col-sm-12 text-danger"> 
       The form is invalid somewhere 
      </div> 
      <div *ngIf='studentFirstName.errors.required' class="col-sm-12 text-danger"> 
       First Name is required 
      </div> 
      <div *ngIf='studentFirstName.errors.pattern' class="col-sm-12 text-danger"> 
       First Name must not contain numbers 
       </div> 
     </div>