如何在 html Angular 表单中执行条件验证

Question

我有一个表单，我只想在值不等于 0 时执行 MAXLENGTH 验证。

所以如果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>

Answer 1

通过使用带有 [attr.maxlength] 的三元运算符尝试以下操作：

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

如果传入的值等于 0，

maxLength 将不会呈现，否则它将以等于传入的值呈现。

这是一个 example 的动作。

希望对您有所帮助！

如何在 html Angular 表单中执行条件验证

How to perform conditional validation in html Angular form

angular

forms

maxlength

angular-reactive-forms

angular2-form-validation