Как выполнить условную валидацию в html угловой форме - PullRequest
Новая
       40

Как выполнить условную валидацию в html угловой форме

0 голосов
/ 27 февраля 2019

У меня есть форма, где я хочу реализовать проверку MAXLENGTH, только если значение не равно 0.

Так что, если parameter.valueMaxlength === 0 { then dont execute maxlength validation } Есть ли способ написать эту логику в html файл. 

 <mat-form-field *ngSwitchCase="'TEXTBOX'" class="example-full-width">
  <input
    matInput
    [placeholder]="parameter.displayName"
    [formControlName]="parameter.id"
    [id]="parameter.id"
    [type]="parameter.dataType"
    [maxlength] = "parameter.valueMaxlength"

  />
</mat-form-field>

1 Ответ

0 голосов
/ 27 февраля 2019

Попробуйте выполнить следующее, используя троичный оператор с [attr.maxlength]: 

<input
    matInput
    [placeholder]="parameter.displayName"
    [formControlName]="parameter.id"
    [id]="parameter.id"
    [type]="parameter.dataType"
    [attr.maxlength]="parameter.valueMaxlength === 0 ? null : parameter.valueMaxlength" 
/>

maxLength не будет отображать, если то, что передано, равно 0, в противном случае оно будет отображаться со значением, равнымчто передается.

Вот пример в действии.

Надеюсь, это поможет!

...