Új hozzászólás Aktív témák

• #7764 petyus_ senior tag bandi0000 #7762

  Új Válasz 2020-03-17 11:43:23 #7764

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  petyus_

  senior tag

  válasz bandi0000 #7762 üzenetére

  Kipróbáltam most a te validátorodat, és nekem jól működik.

  Így néz ki a html:
  <mat-form-field class="w-100">
  <mat-label>Name</mat-label>
  <input type="text" id="name" formControlName="name" matInput placeholder="Enter category name" />
  <mat-error *ngIf="name.hasError('required')">Name is required.</mat-error>
  <mat-error *ngIf="name.hasError('minlength')">Name must be at least 3 characters.</mat-error>
  <mat-error *ngIf="name.hasError('containUpperCase')">Must conatin uppercase</mat-error>
</mat-form-field>

  És a ts-ben annyit csináltam, hogy beleraktam a te functionödet, meg hozzáadtam a formcontrolhoz:
  name: new FormControl('', [Validators.required, Validators.minLength(3), this.containUpperCase]),

  Így üresen, és 3 karakter alatt csak a minlength hibát írja, containUpperCase-t meg utána (átneveztem containDigit-ről ).

  A name az egy sima getter, vissza adja a 'this.form.control.name'-et, így átláthatódd a html.

Új hozzászólás Aktív témák