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" 
/>

如果传递的内容等于maxLength，则

0将不呈现，否则将以与传递的值相等的值呈现。

这里是example的动作。

希望有帮助！

如何以html角形式执行条件验证

1 个答案: